Menu

Beta
Sign in
Beta
Commit SVG icon, line

Commit SVG icon, line

A central circle sits on a straight line with short segments on either side, marking a revision. Use it in a commit history or a release timeline.

Free · from Code and Developer Icons, Line · Set 2

Similar SVGs

More from Code and Developer Icons, Line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QDgOEl8xyL4I/amnt.svg" alt="Commit" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M655 482c-9-25-9-42-27-65-58-78-181-76-235 5-13 19-17 39-24 61-17 2-35 1-53 0-34-1-69 0-103 0-22 0-125-4-137 3-5 2-10 8-10 14-2 9 4 19 13 21 15 4 105 1 128 1 54 0 108 0 163 0 32 167 253 167 286 0 53 0 107 0 161 0 21 0 118 4 131-2 7-2 11-11 11-17 0-8-4-15-11-18-13-6-111-2-132-2-24 0-148 3-161-1zM499 385c63-6 125 40 131 106 5 63-41 122-104 129-115 13-177-133-90-207 18-15 40-25 63-28z" fill="#05215a" stroke="#05215a"/></g><g id="amber" data-name="Amber"><path d="M499 385c-23 3-45 13-63 28-87 74-25 220 90 207 63-7 109-66 104-129-6-66-68-112-131-106z" fill="#fdc303" stroke="#fdc303"/></g></svg>
CSS background-image
.commit {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QDgOEl8xyL4I/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.commit {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/QDgOEl8xyL4I/amnt.svg") center / contain no-repeat;
}
React
import CommitSvg from "./commit.jsx"; // from the React tab above

<CommitSvg width={48} height={48} />

Tags

commitrevisionversion controlcodeiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Commit: A central circle on a straight line, with short line segments extending both ways. A flat colour icon. as part of the pack Code and Developer Icons, Line · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings