Badge Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Badge icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/304957.svg" alt="Badge icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304957.svg" alt="Badge icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304957.svg" alt="Badge icon" :width="24" :height="24" />
CSS background
.icon-badge {
background-image: url('https://proicons.com/icon/304957.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M838 806L723 550l-7 4c-3 2-5 4-6 6l-29 46c-9 14-25 23-42 24l-54 2c-3 0-5 1-8 2l-7 4-54 120 74 166c8 16 30 18 41 3l56-81c7-9 15-14 21-10l108 3c17 1 29-17 22-33zM529 660c-7 3-16 5-24 5s-16-2-24-6l-13-7-35-18c-2-1-5-2-8-2l-54-2c-17-1-32-10-41-24l-30-46c-1-2-3-4-5-6l-15-9-118 261c-7 16 4 34 21 34h1l109-4c8 0 15 4 19 10l57 82c5 6 12 10 19 10 9 0 18-5 22-14l90-200 29-64zM245 409c4 6 5 13 6 20l2 54c0 8 4 15 11 19l3 2 24 15 19 12c6 3 11 8 14 14l29 46c4 6 11 10 19 11l54 2c7 1 14 2 20 5l3 2 45 23c4 2 7 3 11 3s7-1 11-3l48-25c1 0 3-1 4-1 5-2 10-4 16-4h1l53-2c8-1 15-5 19-11l29-46c4-6 9-11 14-14l46-30c6-4 10-11 11-18l2-55c1-6 2-13 5-19l25-48c4-7 4-15 0-22l-24-48c-4-6-5-13-6-20l-2-54c0-8-4-15-11-19l-46-29c-6-4-11-9-14-14l-29-46c-4-7-11-11-19-11l-54-2c-7-1-14-3-20-6l-48-25c-4-2-7-2-11-2s-7 0-11 2l-48 25c-6 3-13 5-20 5l-54 3c-8 0-15 4-19 11l-29 45c-4 6-9 11-14 15l-46 29c-7 4-11 11-11 19l-3 54c0 7-2 14-5 20l-25 48c-3 7-3 15 0 22l25 48z"/></svg>
More from IcoFont
View all
Badge in other icon packs
Copied!