Add icons to this collection by clicking the heart icon.
Cobalt icon - also known as education, chemistry, science, element, periodic table, shapes and symbols, and cobalt. Created in a clean color 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 510 510"
>
<linearGradient
id="d"
x1="100.445"
x2="481.294"
y1="100.445"
y2="481.294"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e5caf3" />
<stop offset="1" stop-color="#bd80e1" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="62.842"
x2="-93.963"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="255"
x2="255"
y1="71.795"
y2="-90.44"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#5b3374" stop-opacity="0" />
<stop offset="1" stop-color="#5b3374" />
</linearGradient>
<linearGradient
id="g"
x1="255"
x2="255"
y1="436.701"
y2="519.199"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="-2287.684"
x2="-2287.684"
y1="-2105.982"
y2="-2023.036"
gradientTransform="rotate(-90 255 -2287.684)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="-186.296"
x2="519.097"
y1="-186.296"
y2="519.097"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="115"
x2="-.017"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="2671.903"
x2="2556.885"
y1="-2301.903"
y2="-2301.903"
gradientTransform="rotate(90 2556.903 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="207.178"
x2="301.673"
y1="75.619"
y2="399.602"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="267.769"
x2="362.264"
y1="57.948"
y2="381.931"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="94.228"
x2="188.723"
y1="108.563"
y2="432.546"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f9f5f3" />
<stop offset="1" stop-color="#e5caf3" />
</linearGradient>
<linearGradient
id="o"
x1="120.158"
x2="246.158"
y1="206.224"
y2="271.224"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="157.75"
x2="111.75"
y1="242.937"
y2="242.937"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="181.914"
x2="173.414"
y1="177.593"
y2="141.593"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="285.862"
x2="358.862"
y1="253.163"
y2="295.163"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="s"
x1="283.376"
x2="258.33"
y1="274.562"
y2="274.562"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="322.875"
x2="322.875"
y1="233.282"
y2="202.782"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="304.132"
x2="277.009"
y1="249.477"
y2="215.573"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#d)"
d="M464.563 510H45.437C20.343 510 0 489.657 0 464.563V45.437C0 20.343 20.343 0 45.437 0h419.125C489.657 0 510 20.343 510 45.437v419.125C510 489.657 489.657 510 464.563 510z"
/>
<path
fill="url(#e)"
d="M267.526 8H52.012C27.705 8 8 27.705 8 52.012v405.976C8 482.295 27.705 502 52.012 502h215.514z"
/>
<path
fill="url(#f)"
d="M502 267.526V52.012C502 27.705 482.295 8 457.988 8H52.012C27.705 8 8 27.705 8 52.012v215.514z"
/>
<path
fill="url(#g)"
d="M0 242.068v222.494C0 489.657 20.343 510 45.437 510h419.125C489.657 510 510 489.657 510 464.563V242.068z"
/>
<path
fill="url(#h)"
d="M242.068 510h222.494C489.657 510 510 489.657 510 464.563V45.437C510 20.343 489.657 0 464.563 0H242.068z"
/>
<path
fill="url(#i)"
d="M468.63 79.43v351.14c0 21.02-17.04 38.06-38.06 38.06H79.43c-21.02 0-38.06-17.04-38.06-38.06V129.565c0-8.596 6.969-15.565 15.565-15.565H69.33C94.001 114 114 94.001 114 69.33V56.935c0-8.596 6.969-15.565 15.565-15.565H430.57c21.02 0 38.06 17.04 38.06 38.06z"
/>
<path
fill="url(#j)"
d="M255 41.37H129.565c-8.596 0-15.565 6.969-15.565 15.565V69.33C114 94.001 94.001 114 69.33 114H56.935c-8.596 0-15.565 6.969-15.565 15.565V430.57c0 21.02 17.04 38.06 38.06 38.06H255z"
/>
<path
fill="url(#k)"
d="M41.37 255V129.565c0-8.596 6.969-15.565 15.565-15.565H69.33C94.001 114 114 94.001 114 69.33V56.935c0-8.596 6.969-15.565 15.565-15.565H430.57c21.02 0 38.06 17.04 38.06 38.06V255z"
/>
<g fill="#5b3374">
<path
d="M38.572 26.739c8.353 0 16.777 5.257 16.777 14.905 0 15.626-22.25 20.738-22.25 27.291v.647h18.865c1.801 0 3.385 2.232 3.385 4.824 0 2.593-1.584 4.969-3.385 4.969H26.331c-2.017 0-4.896-1.368-4.896-3.456v-6.984c0-11.306 22.682-17.786 22.682-26.931 0-2.305-1.439-5.112-5.473-5.112-2.88 0-5.4 1.439-5.4 5.4 0 2.088-2.231 4.104-5.904 4.104-2.88 0-5.04-1.297-5.04-5.833-.002-8.783 8.063-13.824 16.272-13.824zM93.22 39.196c0 1.872-1.151 4.681-2.304 6.841l-16.85 32.259c-.576 1.08-1.656 1.512-3.168 1.512-3.528 0-7.129-2.448-7.129-5.688 0-.647.144-1.224.504-1.872l17.714-30.675v-5.04h-12.89v4.824c0 1.944-2.736 3.456-5.688 3.456-3.023 0-5.544-1.512-5.544-3.456V30.195c0-1.728 2.448-3.456 4.896-3.456h25.562c2.16 0 4.896 1.729 4.896 3.456v9.001z"
/>
</g>
<path
fill="url(#l)"
d="M335.892 421.985h-61.199c-5.508 0-9.974-4.465-9.974-9.974s4.465-9.974 9.974-9.974h61.199c5.509 0 9.974 4.465 9.974 9.974s-4.465 9.974-9.974 9.974z"
/>
<path
fill="url(#m)"
d="M376.689 421.985h-11.304c-5.508 0-9.974-4.465-9.974-9.974s4.465-9.974 9.974-9.974h11.304c5.508 0 9.974 4.465 9.974 9.974s-4.465 9.974-9.974 9.974z"
/>
<path
fill="url(#n)"
d="M121.502 412.011c0-5.508 4.465-9.974 9.974-9.974h102.515c5.508 0 9.974 4.466 9.974 9.974 0 5.509-4.465 9.974-9.974 9.974H131.476c-5.508 0-9.974-4.465-9.974-9.974z"
/>
<path
fill="url(#o)"
d="M233.25 264.312c-10 0-18.5 2.5-19.25 11.75-.75 9.75-2 25-22 25-14.5 0-22.75-8-22.75-25v-66.25c0-17 8.25-25 22.5-25 21.25 0 22 16 22.25 22.5.5 9 9 11.75 19.5 11.75 13.25 0 19.5-3.5 19.5-18.5 0-31.75-27-49.75-62.75-49.75-32.75 0-60 16-60 59v66.25c0 43 27.25 59 60 59 35.75 0 62.75-19 62.75-52.25 0-15-6.25-18.5-19.75-18.5z"
/>
<path
fill="url(#p)"
d="M233.25 264.312c-10 0-18.5 2.5-19.25 11.75-.75 9.75-2 25-22 25-14.5 0-22.75-8-22.75-25v-66.25c0-17 8.25-25 22.5-25 21.25 0 22 16 22.25 22.5.5 9 9 11.75 19.5 11.75 13.25 0 19.5-3.5 19.5-18.5 0-31.75-27-49.75-62.75-49.75-32.75 0-60 16-60 59v66.25c0 43 27.25 59 60 59 35.75 0 62.75-19 62.75-52.25 0-15-6.25-18.5-19.75-18.5z"
/>
<path
fill="url(#q)"
d="M190.25 150.812c-32.75 0-60 16-60 59v33.125h39v-33.125c0-17 8.25-25 22.5-25 21.25 0 22 16 22.25 22.5.5 9 9 11.75 19.5 11.75 13.25 0 19.5-3.5 19.5-18.5 0-31.75-27-49.75-62.75-49.75z"
/>
<path
fill="url(#r)"
d="M322.75 213.062c-31.25 0-56.75 24.5-56.75 52.5v17.5c0 28 26.25 53 56.75 53s57-25.25 57-53v-17.5c0-28.75-26.5-52.5-57-52.5zm18.25 70c0 10-8.25 19.25-18.25 19.25s-18-9.25-18-19.25v-17.5c0-9.5 8-18.75 18-18.75s18.25 9.25 18.25 18.75z"
/>
<path
fill="url(#s)"
d="M322.75 246.812c10 0 18.25 9.25 18.25 18.75v-49.591a59.122 59.122 0 0 0-18.25-2.909c-31.25 0-56.75 24.5-56.75 52.5v17.5c0 28 26.25 53 56.75 53 6.324 0 12.47-1.1 18.25-3.068v-49.932c0 10-8.25 19.25-18.25 19.25s-18-9.25-18-19.25v-17.5c0-9.5 8-18.75 18-18.75z"
/>
<path
fill="url(#t)"
d="M322.75 213.062c-31.25 0-56.75 24.5-56.75 52.5v17.5c0 6.689 1.513 13.203 4.209 19.25h52.541c-10 0-18-9.25-18-19.25v-17.5c0-9.5 8-18.75 18-18.75s18.25 9.25 18.25 18.75v17.5c0 10-8.25 19.25-18.25 19.25h52.709c2.748-6.063 4.291-12.582 4.291-19.25v-17.5c0-28.75-26.5-52.5-57-52.5z"
/>
<path
fill="url(#u)"
d="M322.75 213.062c-31.25 0-56.75 24.5-56.75 52.5v17.5c0 6.689 1.513 13.203 4.209 19.25h52.541c-10 0-18-9.25-18-19.25v-17.5c0-9.5 8-18.75 18-18.75s18.25 9.25 18.25 18.75v17.5c0 10-8.25 19.25-18.25 19.25h52.709c2.748-6.063 4.291-12.582 4.291-19.25v-17.5c0-28.75-26.5-52.5-57-52.5z"
/>
</svg>
More icons in the same style and category