gentleface

Gentleface › Development › git-tag

git-tag icon

Git tag: git tag, release tag, version tag. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 4.035C8.335 4.083 8.659 4.179 8.972 4.325C9.439 4.541 9.839 4.846 10.171 5.238C10.26 5.344 10.299 5.465 10.288 5.603C10.276 5.741 10.218 5.854 10.113 5.943C10.087 5.965 10.06 5.984 10.033 6L9.544 6C9.494 5.971 9.449 5.933 9.408 5.885C9.171 5.604 8.885 5.387 8.552 5.232C8.218 5.077 7.868 5 7.5 5C7.182 5 6.875 5.059 6.58 5.176C6.259 5.303 5.976 5.488 5.732 5.732C5.488 5.976 5.303 6.259 5.176 6.58C5.059 6.875 5 7.182 5 7.5C5 7.868 5.077 8.218 5.232 8.552C5.387 8.885 5.604 9.171 5.885 9.408C5.933 9.449 5.971 9.495 6 9.546L6 10.032C5.984 10.06 5.965 10.087 5.943 10.113C5.854 10.218 5.741 10.276 5.603 10.288C5.465 10.299 5.344 10.26 5.238 10.171C4.846 9.839 4.541 9.439 4.325 8.972C4.108 8.505 4 8.015 4 7.5C4 7.055 4.082 6.625 4.246 6.212C4.424 5.762 4.683 5.367 5.025 5.025C5.367 4.683 5.762 4.424 6.212 4.246C6.468 4.144 6.731 4.074 7 4.035L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM15.586 11.5C15.586 11.776 15.488 12.012 15.293 12.207L12.207 15.293C12.012 15.488 11.776 15.586 11.5 15.586C11.224 15.586 10.988 15.488 10.793 15.293L7.293 11.793C7.098 11.598 7 11.362 7 11.086L7 8C7 7.724 7.098 7.488 7.293 7.293C7.488 7.098 7.724 7 8 7L11.086 7C11.362 7 11.598 7.098 11.793 7.293L15.293 10.793C15.488 10.988 15.586 11.224 15.586 11.5ZM10 11C10.552 11 11 10.552 11 10C11 9.448 10.552 9 10 9C9.448 9 9 9.448 9 10C9 10.552 9.448 11 10 11Z"/></svg>
React
// Gentleface "git-tag" (line-round), MIT. https://gentleface.com/icons/git-tag
import type { SVGProps } from 'react';

export function GitTagIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.144 1.144C7.241 1.048 7.359 1 7.5 1C7.641 1 7.759 1.048 7.856 1.144C7.952 1.241 8 1.359 8 1.5L8 4.035C8.335 4.083 8.659 4.179 8.972 4.325C9.439 4.541 9.839 4.846 10.171 5.238C10.26 5.344 10.299 5.465 10.288 5.603C10.276 5.741 10.218 5.854 10.113 5.943C10.087 5.965 10.06 5.984 10.033 6L9.544 6C9.494 5.971 9.449 5.933 9.408 5.885C9.171 5.604 8.885 5.387 8.552 5.232C8.218 5.077 7.868 5 7.5 5C7.182 5 6.875 5.059 6.58 5.176C6.259 5.303 5.976 5.488 5.732 5.732C5.488 5.976 5.303 6.259 5.176 6.58C5.059 6.875 5 7.182 5 7.5C5 7.868 5.077 8.218 5.232 8.552C5.387 8.885 5.604 9.171 5.885 9.408C5.933 9.449 5.971 9.495 6 9.546L6 10.032C5.984 10.06 5.965 10.087 5.943 10.113C5.854 10.218 5.741 10.276 5.603 10.288C5.465 10.299 5.344 10.26 5.238 10.171C4.846 9.839 4.541 9.439 4.325 8.972C4.108 8.505 4 8.015 4 7.5C4 7.055 4.082 6.625 4.246 6.212C4.424 5.762 4.683 5.367 5.025 5.025C5.367 4.683 5.762 4.424 6.212 4.246C6.468 4.144 6.731 4.074 7 4.035L7 1.5C7 1.359 7.048 1.241 7.144 1.144ZM15.586 11.5C15.586 11.776 15.488 12.012 15.293 12.207L12.207 15.293C12.012 15.488 11.776 15.586 11.5 15.586C11.224 15.586 10.988 15.488 10.793 15.293L7.293 11.793C7.098 11.598 7 11.362 7 11.086L7 8C7 7.724 7.098 7.488 7.293 7.293C7.488 7.098 7.724 7 8 7L11.086 7C11.362 7 11.598 7.098 11.793 7.293L15.293 10.793C15.488 10.988 15.586 11.224 15.586 11.5ZM10 11C10.552 11 11 10.552 11 10C11 9.448 10.552 9 10 9C9.448 9 9 9.448 9 10C9 10.552 9.448 11 10 11Z" />
    </svg>
  );
}
Vue
Vue: see /icons/git-tag.md
Svelte
Svelte: see /icons/git-tag.md
HTML img
HTML img: see /icons/git-tag.md
CSS
CSS: see /icons/git-tag.md
Data URL
Data URL: see /icons/git-tag.md
Sprite
Sprite: see /icons/git-tag.md
SwiftUI
SwiftUI: see /icons/git-tag.md
Compose
Compose: see /icons/git-tag.md
Android XML
Android XML: see /icons/git-tag.md
Flutter
Flutter: see /icons/git-tag.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { GitTagIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
git tag, release tag, version tag
Example
Tag a commit as a release in a git client
Built from
git-commit + tag
Tags
git, commit, node, version-control, vcs, history, developer, tag
Category
Development
Component name
GitTagIcon
History
  • added, released in 0.6.0
  • 16 px source removed
Since
version 0.6.0

Family 23

More development icons

For agents

Metadata: /icons/git-tag.json · Markdown: /icons/git-tag.md · SVG: https://gentleface.com/svg/{style}/16/git-tag.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/git-tag.png