atom icon

atom-bold-duotone from Solar by 480 Design · Bold Duotone · Astronomy · CC-BY-4.0 Attribution required.

Name
atom-bold-duotone
Set
Solar
Style
Bold Duotone
Category
Astronomy
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

atom-boldatom-brokenatom-line-duotoneatom-linearatom-outline

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="currentColor"><path d="M16.4712 16.4711C21.4099 11.5324 23.4117 5.52701 20.9423 3.05768C18.473 0.588345 12.4676 2.59014 7.52899 7.5288C2.59033 12.4675 0.588547 18.4728 3.05787 20.9422C5.5272 23.4115 11.5326 21.4097 16.4712 16.4711Z" opacity=".5"/><path d="M7.52879 16.4712C2.59013 11.5325 0.588349 5.52715 3.05768 3.05782C5.527 0.588485 11.5324 2.59028 16.471 7.52894C21.4097 12.4676 23.4115 18.473 20.9421 20.9423C18.4728 23.4117 12.4674 21.4099 7.52879 16.4712Z" opacity=".5"/><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 SolarAtomBoldDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.4712 16.4711C21.4099 11.5324 23.4117 5.52701 20.9423 3.05768C18.473 0.588345 12.4676 2.59014 7.52899 7.5288C2.59033 12.4675 0.588547 18.4728 3.05787 20.9422C5.5272 23.4115 11.5326 21.4097 16.4712 16.4711Z" opacity=".5"/><path d="M7.52879 16.4712C2.59013 11.5325 0.588349 5.52715 3.05768 3.05782C5.527 0.588485 11.5324 2.59028 16.471 7.52894C21.4097 12.4676 23.4115 18.473 20.9421 20.9423C18.4728 23.4117 12.4674 21.4099 7.52879 16.4712Z" opacity=".5"/><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="currentColor"><path d="M16.4712 16.4711C21.4099 11.5324 23.4117 5.52701 20.9423 3.05768C18.473 0.588345 12.4676 2.59014 7.52899 7.5288C2.59033 12.4675 0.588547 18.4728 3.05787 20.9422C5.5272 23.4115 11.5326 21.4097 16.4712 16.4711Z" opacity=".5"/><path d="M7.52879 16.4712C2.59013 11.5325 0.588349 5.52715 3.05768 3.05782C5.527 0.588485 11.5324 2.59028 16.471 7.52894C21.4097 12.4676 23.4115 18.473 20.9421 20.9423C18.4728 23.4117 12.4674 21.4099 7.52879 16.4712Z" opacity=".5"/><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-bold-duotone {
  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%22currentColor%22%3E%3Cpath%20d%3D%22M16.4712%2016.4711C21.4099%2011.5324%2023.4117%205.52701%2020.9423%203.05768C18.473%200.588345%2012.4676%202.59014%207.52899%207.5288C2.59033%2012.4675%200.588547%2018.4728%203.05787%2020.9422C5.5272%2023.4115%2011.5326%2021.4097%2016.4712%2016.4711Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M7.52879%2016.4712C2.59013%2011.5325%200.588349%205.52715%203.05768%203.05782C5.527%200.588485%2011.5324%202.59028%2016.471%207.52894C21.4097%2012.4676%2023.4115%2018.473%2020.9421%2020.9423C18.4728%2023.4117%2012.4674%2021.4099%207.52879%2016.4712Z%22%20opacity%3D%22.5%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%22currentColor%22%3E%3Cpath%20d%3D%22M16.4712%2016.4711C21.4099%2011.5324%2023.4117%205.52701%2020.9423%203.05768C18.473%200.588345%2012.4676%202.59014%207.52899%207.5288C2.59033%2012.4675%200.588547%2018.4728%203.05787%2020.9422C5.5272%2023.4115%2011.5326%2021.4097%2016.4712%2016.4711Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M7.52879%2016.4712C2.59013%2011.5325%200.588349%205.52715%203.05768%203.05782C5.527%200.588485%2011.5324%202.59028%2016.471%207.52894C21.4097%2012.4676%2023.4115%2018.473%2020.9421%2020.9423C18.4728%2023.4117%2012.4674%2021.4099%207.52879%2016.4712Z%22%20opacity%3D%22.5%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-bold-duotone.svg?color=%231a73e8&size=48

Atom bold duotone icon — Solar · IconsDB