Substitute Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Substitute 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/306604.svg" alt="Substitute icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306604.svg" alt="Substitute icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306604.svg" alt="Substitute icon" :width="24" :height="24" />
CSS background
.icon-substitute {
background-image: url('https://proicons.com/icon/306604.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="M811 415c-26-16-44 2-58 24-37 57-77 113-110 173-28 54-66 67-126 71-77 5-122-22-155-88-23-47-55-90-84-134-18-26-33-73-76-43-37 27 1 56 16 81 74 125 180 235 165 399-9 87-2 102 51 102 129 0 194 1 193-50-4-161 62-267 131-408 10-20 32-51 43-69 11-21 37-41 10-58zM615 530c-5-50-36-88-99-86-58 2-91 34-93 94-3 66 37 95 94 102 54 6 98-42 98-110zM872 0H127c-17 0-31 14-31 32v301c0 18 14 32 31 32h745c17 0 32-14 32-32V32c0-18-15-32-32-32zm0 333H127V32h745v301zm-375-40h5c3 0 6-3 6-6V77c0-3-3-5-6-5h-5c-3 0-6 2-6 5v210c0 3 3 6 6 6zm-247-40c31 0 48-25 48-72 0-44-17-69-45-69s-48 25-48 71c0 45 19 70 45 70zm2-127c19 0 27 22 27 56 0 35-9 57-28 57-17 0-27-20-27-56 0-37 11-57 28-57zm61 90c0 20 18 37 46 37 26 0 47-16 47-39 0-17-11-29-28-36 17-8 23-21 23-32 0-17-14-34-40-34-24 0-42 15-42 36 0 12 6 24 21 31l1 1c-17 7-28 19-28 36zm23-69c0-12 9-22 24-22 17 0 23 11 23 22 0 13-9 21-21 25-16-4-26-11-26-25zm21 39c18 5 30 13 30 29 0 15-11 25-27 25-18 0-28-12-28-26 0-13 9-24 25-28zm338 50h-61v-1l11-10c28-28 47-48 47-73 0-20-13-40-42-40-16 0-29 6-39 14l6 13c6-5 17-12 29-12 20 0 27 13 27 27 0 21-16 38-51 72l-14 14v11h87v-15zm61-105v120h18V114h-16l-30 16 4 14 24-13z"/></svg>
Copied!