badge

Preview Sizes

badge
16px
badge
24px
badge
32px
badge
48px

badge SVG Icon

High-quality badge SVG icon for web design and development projects. Free to download and use in your projects.

Keywords:
Format: SVG (Vector)
License: Free for commercial use

✏️ Want to customize this icon? Edit with svgia.com - our powerful online SVG editor!

SVG Code

<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <path id="badge-a" d="M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M0.0241699219,7.82446289 L5.70996094,7.82446289 L5.70996094,13.3679199 L2.86706543,10.5250244 L0.0241699219,13.3679199 L0.0241699219,7.82446289 Z"/>
    <path id="badge-c" d="M6,15.747965 L6,18.5203696 L7.28001593,17.1927072 C7.67329806,16.7847858 8.32670194,16.7847858 8.71998407,17.1927072 L10,18.5203696 L10,15.747965 C9.36076016,15.912494 8.69059914,16 8,16 C7.30940086,16 6.63923984,15.912494 6,15.747965 Z M4.00232328,14.9310859 C1.60983664,13.5481792 0,10.9620883 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,10.9620883 14.3901634,13.5481792 11.9976767,14.9310859 C11.9992172,14.9537833 12,14.9766885 12,14.9997766 L12,20.9982127 C12,21.8978065 10.904465,22.3397414 10.2800159,21.6920483 L8,19.3271626 L5.71998407,21.6920483 C5.09553496,22.3397414 4,21.8978065 4,20.9982127 L4,14.9997766 C4,14.9766885 4.00078279,14.9537833 4.00232328,14.9310859 Z M8,14 C11.3137085,14 14,11.3137085 14,8 C14,4.6862915 11.3137085,2 8,2 C4.6862915,2 2,4.6862915 2,8 C2,11.3137085 4.6862915,14 8,14 Z M8,12 C5.790861,12 4,10.209139 4,8 C4,5.790861 5.790861,4 8,4 C10.209139,4 12,5.790861 12,8 C12,10.209139 10.209139,12 8,12 Z M8,10 C9.1045695,10 10,9.1045695 10,8 C10,6.8954305 9.1045695,6 8,6 C6.8954305,6 6,6.8954305 6,8 C6,9.1045695 6.8954305,10 8,10 Z"/>
  </defs>
  <g fill="none" fill-rule="evenodd" transform="translate(4 1)">
    <g transform="translate(5 7)">
      <mask id="badge-b" fill="#ffffff">
        <use xlink:href="#badge-a"/>
      </mask>
      <use fill="#D8D8D8" fill-rule="nonzero" xlink:href="#badge-a"/>
      <g fill="#FFA0A0" mask="url(#badge-b)">
        <rect width="24" height="24" transform="translate(-9 -8)"/>
      </g>
    </g>
    <mask id="badge-d" fill="#ffffff">
      <use xlink:href="#badge-c"/>
    </mask>
    <use fill="#000000" fill-rule="nonzero" xlink:href="#badge-c"/>
    <g fill="#7600FF" mask="url(#badge-d)">
      <rect width="24" height="24" transform="translate(-4 -1)"/>
    </g>
  </g>
</svg>