atom icon
atom-linear from Solar by 480 Design · Linear · Astronomy · CC-BY-4.0 Attribution required.
- Name
- atom-linear
- Set
- Solar
- Style
- Linear
- Category
- Astronomy
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
atomBoxIcons v2atomCoreUI BrandsatomDeviconatomFont Awesome 6 SolidatomFont Awesome Solidatom-outlineFlowbite IconsatomIconoiratomLine AwesomeatomSVG LogosatomLucideatomMaterial Design IconsatomMyna UI IconsatomPhosphoratom-fillRemix IconatomSimple IconsatomSkill IconsatomTabler IconsatomWeb3 IconsatomWeb3 Icons BrandedatomUnicons
More astronomy icons from Solar
asteroid-boldblack-hole-2-boldblack-hole-3-boldblack-hole-boldearth-boldinfinite-boldmen-boldplanet-2-boldplanet-3-boldplanet-4-boldplanet-boldrocket-2-boldrocket-boldsatellite-boldstar-2-boldstar-angle-boldstar-circle-boldstar-fall-2-boldstar-fall-boldstar-fall-minimalistic-2-boldstar-fall-minimalistic-boldstar-rainbow-boldstar-ring-boldstar-rings-bold
Use the atom icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20.9423 3.05768C23.4117 5.52701 21.4099 11.5324 16.4712 16.4711C11.5326 21.4097 5.5272 23.4115 3.05787 20.9422C0.588547 18.4728 2.59033 12.4675 7.52899 7.5288C12.4676 2.59014 18.473 0.588345 20.9423 3.05768ZM3.05768 3.05782C0.588349 5.52715 2.59013 11.5325 7.52879 16.4712C12.4674 21.4099 18.4728 23.4117 20.9421 20.9423C23.4115 18.473 21.4097 12.4676 16.471 7.52894C11.5324 2.59028 5.527 0.588485 3.05768 3.05782Z"/><path d="M14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarAtomLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M20.9423 3.05768C23.4117 5.52701 21.4099 11.5324 16.4712 16.4711C11.5326 21.4097 5.5272 23.4115 3.05787 20.9422C0.588547 18.4728 2.59033 12.4675 7.52899 7.5288C12.4676 2.59014 18.473 0.588345 20.9423 3.05768ZM3.05768 3.05782C0.588349 5.52715 2.59013 11.5325 7.52879 16.4712C12.4674 21.4099 18.4728 23.4117 20.9421 20.9423C23.4115 18.473 21.4097 12.4676 16.471 7.52894C11.5324 2.59028 5.527 0.588485 3.05768 3.05782Z"/><path d="M14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20.9423 3.05768C23.4117 5.52701 21.4099 11.5324 16.4712 16.4711C11.5326 21.4097 5.5272 23.4115 3.05787 20.9422C0.588547 18.4728 2.59033 12.4675 7.52899 7.5288C12.4676 2.59014 18.473 0.588345 20.9423 3.05768ZM3.05768 3.05782C0.588349 5.52715 2.59013 11.5325 7.52879 16.4712C12.4674 21.4099 18.4728 23.4117 20.9421 20.9423C23.4115 18.473 21.4097 12.4676 16.471 7.52894C11.5324 2.59028 5.527 0.588485 3.05768 3.05782Z"/><path d="M14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12Z"/></g></svg> </template>
CSS
.icon-atom-linear {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20.9423%203.05768C23.4117%205.52701%2021.4099%2011.5324%2016.4712%2016.4711C11.5326%2021.4097%205.5272%2023.4115%203.05787%2020.9422C0.588547%2018.4728%202.59033%2012.4675%207.52899%207.5288C12.4676%202.59014%2018.473%200.588345%2020.9423%203.05768ZM3.05768%203.05782C0.588349%205.52715%202.59013%2011.5325%207.52879%2016.4712C12.4674%2021.4099%2018.4728%2023.4117%2020.9421%2020.9423C23.4115%2018.473%2021.4097%2012.4676%2016.471%207.52894C11.5324%202.59028%205.527%200.588485%203.05768%203.05782Z%22%2F%3E%3Cpath%20d%3D%22M14.5%2012C14.5%2013.3807%2013.3807%2014.5%2012%2014.5C10.6193%2014.5%209.5%2013.3807%209.5%2012C9.5%2010.6193%2010.6193%209.5%2012%209.5C13.3807%209.5%2014.5%2010.6193%2014.5%2012Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M20.9423%203.05768C23.4117%205.52701%2021.4099%2011.5324%2016.4712%2016.4711C11.5326%2021.4097%205.5272%2023.4115%203.05787%2020.9422C0.588547%2018.4728%202.59033%2012.4675%207.52899%207.5288C12.4676%202.59014%2018.473%200.588345%2020.9423%203.05768ZM3.05768%203.05782C0.588349%205.52715%202.59013%2011.5325%207.52879%2016.4712C12.4674%2021.4099%2018.4728%2023.4117%2020.9421%2020.9423C23.4115%2018.473%2021.4097%2012.4676%2016.471%207.52894C11.5324%202.59028%205.527%200.588485%203.05768%203.05782Z%22%2F%3E%3Cpath%20d%3D%22M14.5%2012C14.5%2013.3807%2013.3807%2014.5%2012%2014.5C10.6193%2014.5%209.5%2013.3807%209.5%2012C9.5%2010.6193%2010.6193%209.5%2012%209.5C13.3807%209.5%2014.5%2010.6193%2014.5%2012Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/atom-linear.svg?color=%231a73e8&size=48
