Add icons to this collection by clicking the heart icon.
Chemical Bond icon - also known as education, chemistry, atom, science, and chemical bond. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 120 120"
>
<linearGradient
id="a"
x1="60.5"
x2="60.5"
y1="10"
y2="110"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#77c852" />
<stop offset="1" stop-color="#77c852" stop-opacity="0" />
</linearGradient>
<g fill="none">
<path
fill="#00af90"
d="M35 22.385C34.938 15.535 29.364 10 22.5 10 15.596 10 10 15.596 10 22.5S15.596 35 22.5 35c.775 0 1.534-.07 2.27-.205-3.703-2.469-4.953-7.442-2.426-11.233a8 8 0 0 1 11.094-2.218z"
/>
<path
fill="url(#a)"
fill-opacity=".7"
d="M35 22.385C34.938 15.535 29.364 10 22.5 10 15.596 10 10 15.596 10 22.5S15.596 35 22.5 35c.775 0 1.534-.07 2.27-.205-3.703-2.469-4.953-7.442-2.426-11.233a8 8 0 0 1 11.094-2.218z"
/>
<path
fill="#00af90"
d="M93.495 40.958c4.1-2.119 6.383-6.735 4.112-11.13-2.202-4.263-7.235-5.266-11.281-3.176C87.615 21.12 92.576 17 98.5 17c6.904 0 12.5 5.596 12.5 12.5S105.404 42 98.5 42c-1.78 0-3.473-.372-5.005-1.042z"
/>
<path
fill="url(#a)"
fill-opacity=".7"
d="M93.495 40.958c4.1-2.119 6.383-6.735 4.112-11.13-2.202-4.263-7.235-5.266-11.281-3.176C87.615 21.12 92.576 17 98.5 17c6.904 0 12.5 5.596 12.5 12.5S105.404 42 98.5 42c-1.78 0-3.473-.372-5.005-1.042z"
/>
<path
fill="#00af90"
d="M78 48.5C78 39.387 70.613 32 61.5 32S45 39.387 45 48.5 52.387 65 61.5 65 78 57.613 78 48.5z"
/>
<path
fill="url(#a)"
fill-opacity=".7"
d="M78 48.5C78 39.387 70.613 32 61.5 32S45 39.387 45 48.5 52.387 65 61.5 65 78 57.613 78 48.5z"
/>
<path
fill="#00af90"
d="M97.5 75c6.904 0 12.5 5.596 12.5 12.5S104.404 100 97.5 100 85 94.404 85 87.5 90.596 75 97.5 75z"
/>
<path
fill="url(#a)"
fill-opacity=".7"
d="M97.5 75c6.904 0 12.5 5.596 12.5 12.5S104.404 100 97.5 100 85 94.404 85 87.5 90.596 75 97.5 75z"
/>
<path
fill="#00af90"
d="M35 97.5C35 90.596 29.404 85 22.5 85S10 90.596 10 97.5 15.596 110 22.5 110 35 104.404 35 97.5z"
/>
<path
fill="url(#a)"
fill-opacity=".7"
d="M35 97.5C35 90.596 29.404 85 22.5 85S10 90.596 10 97.5 15.596 110 22.5 110 35 104.404 35 97.5z"
/>
<path
fill="#00af90"
d="M31.219 24.672a4 4 0 0 0-4.438 6.656L42.19 41.601a20.491 20.491 0 0 1 4.12-6.868z"
/>
<path
fill="url(#a)"
fill-opacity=".7"
d="M31.219 24.672a4 4 0 0 0-4.438 6.656L42.19 41.601a20.491 20.491 0 0 1 4.12-6.868z"
/>
<path
fill="#00af90"
d="m29.577 82.59 16.229-20.9a20.584 20.584 0 0 0 6.242 5.005l-16.29 20.98a16.567 16.567 0 0 0-6.18-5.084z"
/>
<path
fill="url(#a)"
fill-opacity=".7"
d="m29.577 82.59 16.229-20.9a20.584 20.584 0 0 0 6.242 5.005l-16.29 20.98a16.567 16.567 0 0 0-6.18-5.084z"
/>
<path
fill="#00af90"
d="m72.37 65.884 11.376 12.498a16.58 16.58 0 0 1 5.904-5.399L78.195 60.4a20.609 20.609 0 0 1-5.825 5.485z"
/>
<path
fill="url(#a)"
fill-opacity=".7"
d="m72.37 65.884 11.376 12.498a16.58 16.58 0 0 1 5.904-5.399L78.195 60.4a20.609 20.609 0 0 1-5.825 5.485z"
/>
<path
fill="#00af90"
d="M92.336 37.054 81.2 42.808a20.443 20.443 0 0 0-3.681-7.103l11.146-5.759a4 4 0 0 1 3.672 7.108z"
/>
<path
fill="url(#a)"
fill-opacity=".7"
d="M92.336 37.054 81.2 42.808a20.443 20.443 0 0 0-3.681-7.103l11.146-5.759a4 4 0 0 1 3.672 7.108z"
/>
</g>
</svg>
More icons in the same style and category