Numbered Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Numbered 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/306148.svg" alt="Numbered icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306148.svg" alt="Numbered icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306148.svg" alt="Numbered icon" :width="24" :height="24" />
CSS background
.icon-numbered {
background-image: url('https://proicons.com/icon/306148.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="M270 373h-64V135h-12L66 191c3 9 6 17 9 25 4 8 9 15 15 23l55-22v156H80c-1 5-2 10-2 14v26c0 4 1 8 2 13h190c1-5 1-9 1-13 1-5 1-9 1-14 0-4 0-8-1-12 0-4 0-9-1-14zm-96 439l24-32c9-11 17-23 24-33 8-10 14-20 19-30 5-9 10-19 13-29s4-20 4-30c0-15-3-28-8-39-5-10-13-19-22-27-10-7-22-12-35-15-13-4-28-5-44-5-8 0-16 0-23 1-6 0-13 1-19 3-6 1-12 3-18 5-7 2-13 5-20 7 0 9 2 18 5 27 3 8 6 17 10 25 5-2 9-4 13-5 5-2 9-3 14-5 4-1 9-2 14-2 4-1 10-1 17-1 15 0 28 3 36 10 9 7 14 17 14 29 0 8-2 15-5 22-2 7-7 15-12 24-6 8-12 18-20 28s-18 21-28 35l-65 85 3 7h204c2-9 3-19 3-29 0-8-1-17-3-26h-95zm195-620h399c18 0 32-15 32-32v-1c0-17-14-31-32-31H369c-17 0-31 14-31 31v1c-1 17 14 32 31 32zm537 57H369c-17 0-32 14-32 31v1c0 17 15 32 32 32h537c17 0 32-15 32-32v-1c0-17-15-31-32-31zm0 121H369c-17 0-32 14-32 31v1c0 17 15 32 32 32h537c17 0 32-15 32-32v-1c0-17-15-31-32-31zM369 630h399c18 0 32-14 32-32s-14-32-32-32H369c-17 0-31 14-31 32h-1c0 18 15 32 32 32zm0 121h289c17 0 31-14 31-32s-14-32-31-32H369c-17 0-31 14-31 32h-1c0 18 15 32 32 32zm537 57H369c-17 0-32 14-32 32s15 32 32 32h537c17 0 32-14 32-32s-15-32-32-32z"/></svg>
Numbered in other icon packs
Copied!