Diamond Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Diamond 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/305495.svg" alt="Diamond icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305495.svg" alt="Diamond icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305495.svg" alt="Diamond icon" :width="24" :height="24" />
CSS background
.icon-diamond {
background-image: url('https://proicons.com/icon/305495.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="M349 438c49 131 98 260 147 392 2 5 6 5 8 0 49-132 98-262 147-392 2-5-1-9-6-9H355c-5 0-8 4-6 9zm-279-2c132 137 263 272 395 408 4 4 7 7 8 6 0 0-1-5-3-10L318 438c-2-5-8-9-14-9H73c-6 0-7 3-3 7zm611 4c-43 114-86 228-129 343-7 19-14 38-22 58-2 5-3 10-3 10 1 0 4-3 8-7 132-136 263-271 396-408 4-4 4-8 0-8h-7c-75 0-151 1-226 0-10 0-14 4-17 12zm-38-50c-46-69-91-137-137-206-3-5-9-5-12 0-46 69-91 138-137 206-3 5-1 9 5 9h276c6 0 8-4 5-9zM209 172c-49 74-97 146-145 219-3 4-1 8 5 8h224c6 0 9-4 7-9-27-73-54-144-82-216-2-6-6-6-9-2zm727 219c-49-74-96-145-145-219-3-4-7-4-9 2-28 72-55 144-82 216-2 5 1 9 7 9h224c6 0 8-4 5-8zM750 150H528c-6 0-8 3-5 8 48 73 95 144 143 216 4 5 8 5 10-1 27-72 54-143 80-214 2-5-1-9-6-9zm-278 0H250c-5 0-8 4-6 9 26 71 53 142 80 214 2 6 6 6 10 1 48-72 95-143 143-216 3-4 1-8-5-8z"/></svg>
More from IcoFont
View all
Diamond in other icon packs
Copied!