Molecule Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Molecule 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/306102.svg" alt="Molecule icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306102.svg" alt="Molecule icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306102.svg" alt="Molecule icon" :width="24" :height="24" />
CSS background
.icon-molecule {
background-image: url('https://proicons.com/icon/306102.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="M702 580l-93-61c12-34 9-72-8-105l76-68c43 26 99 21 135-16 43-42 43-112 0-154s-111-43-154 0c-34 33-41 83-22 124l-76 69c-37-26-84-30-124-14l-89-122c32-41 29-101-9-139-42-42-109-42-151 0s-42 109 0 150c30 30 73 39 110 26l89 122c-44 51-41 128 7 177 1 1 2 1 3 2l-86 151c-36-9-75 1-102 29-43 43-43 112 0 155s111 42 154 0c42-43 43-111 1-154l86-151c43 13 92 3 126-30l94 61c-6 27 2 57 23 79 34 34 89 34 123 0s34-89 0-122c-31-31-79-34-113-9zM244 804c-2 2-4 4-5 6-3 3-6 6-10 7-5 2-10 0-14-4-11-10-7-30 9-46 16-15 35-20 46-9 4 4 5 9 4 14-2 4-5 8-7 10s-4 4-7 6c-2 2-5 5-8 7-3 3-5 6-8 9zm430-612c16-16 36-20 46-9 4 4 5 9 4 14-1 4-4 7-7 10-2 1-4 3-6 5-3 3-6 5-9 8-2 3-5 6-7 8-2 3-4 5-6 7-3 2-6 5-10 6-5 2-10 1-14-3-11-11-7-30 9-46zm-451-47c-2 3-4 5-6 7s-5 5-9 6c-5 1-10 0-14-4-10-10-6-29 9-44s35-20 45-9c3 3 5 8 3 13-1 4-4 8-6 10l-6 6c-3 2-6 4-8 7l-8 8zm190 258c18-19 42-23 54-11 5 5 7 11 5 17-2 5-5 9-8 12-2 2-5 4-8 7s-6 6-10 9c-3 3-6 7-9 10-2 3-5 5-7 8-3 3-7 6-12 8-6 1-12 0-17-5-12-12-7-36 12-55zm304 233c-2 2-5 4-8 5-4 1-8 0-11-3-9-8-5-24 7-36 13-13 28-16 36-8 4 3 5 8 3 12-1 3-3 6-5 7-1 2-3 4-5 5-2 2-4 4-7 6s-4 5-6 7c-1 2-3 3-4 5z"/></svg>
More from IcoFont
View all
Molecule in other icon packs
Copied!