atom icon
atom from Material Design Icons by Pictogrammers · Filled · Science · Apache-2.0 Free for personal and commercial use.
- Name
- atom
- Set
- Material Design Icons
- Style
- Filled
- Category
- Science
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
atomBoxIcons v2atomCoreUI BrandsatomDeviconatomFont Awesome 6 SolidatomFont Awesome Solidatom-outlineFlowbite IconsatomIconoiratomLine AwesomeatomSVG LogosatomLucideatomMyna UI IconsatomPhosphoratom-fillRemix IconatomSimple IconsatomSkill Iconsatom-boldSolaratomTabler IconsatomWeb3 IconsatomWeb3 Icons BrandedatomUnicons
More science icons from Material Design Icons
atom-variantaurorabeakerbeaker-checkbeaker-minusbeaker-plusbeaker-questionbeaker-removebiohazardbottle-tonicdnaeyedropper-minuseyedropper-offeyedropper-pluseyedropper-removeflask-empty-minusflask-empty-plusflask-empty-removeflask-minusflask-plusflask-removeflask-round-bottomflask-round-bottom-emptymicroscope
Use the atom icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M4.22 4.22C5.65 2.79 8.75 3.43 12 5.56c3.25-2.13 6.35-2.77 7.78-1.34s.79 4.53-1.34 7.78c2.13 3.25 2.77 6.35 1.34 7.78s-4.53.79-7.78-1.34c-3.25 2.13-6.35 2.77-7.78 1.34S3.43 15.25 5.56 12C3.43 8.75 2.79 5.65 4.22 4.22m11.32 4.24c.61.62 1.17 1.25 1.69 1.88c1.38-2.13 1.88-3.96 1.13-4.7c-.74-.75-2.57-.25-4.7 1.13c.63.52 1.26 1.08 1.88 1.69m-7.08 7.08c-.61-.62-1.17-1.25-1.69-1.88c-1.38 2.13-1.88 3.96-1.13 4.7c.74.75 2.57.25 4.7-1.13c-.63-.52-1.26-1.08-1.88-1.69m-2.82-9.9c-.75.74-.25 2.57 1.13 4.7c.52-.63 1.08-1.26 1.69-1.88c.62-.61 1.25-1.17 1.88-1.69c-2.13-1.38-3.96-1.88-4.7-1.13m4.24 8.48c.7.7 1.42 1.34 2.12 1.91c.7-.57 1.42-1.21 2.12-1.91s1.34-1.42 1.91-2.12c-.57-.7-1.21-1.42-1.91-2.12S12.7 8.54 12 7.97c-.7.57-1.42 1.21-2.12 1.91S8.54 11.3 7.97 12c.57.7 1.21 1.42 1.91 2.12m8.48 4.24c.75-.74.25-2.57-1.13-4.7c-.52.63-1.08 1.26-1.69 1.88c-.62.61-1.25 1.17-1.88 1.69c2.13 1.38 3.96 1.88 4.7 1.13"/></svg>
React
import type { SVGProps } from "react";
export function MdiAtom(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M4.22 4.22C5.65 2.79 8.75 3.43 12 5.56c3.25-2.13 6.35-2.77 7.78-1.34s.79 4.53-1.34 7.78c2.13 3.25 2.77 6.35 1.34 7.78s-4.53.79-7.78-1.34c-3.25 2.13-6.35 2.77-7.78 1.34S3.43 15.25 5.56 12C3.43 8.75 2.79 5.65 4.22 4.22m11.32 4.24c.61.62 1.17 1.25 1.69 1.88c1.38-2.13 1.88-3.96 1.13-4.7c-.74-.75-2.57-.25-4.7 1.13c.63.52 1.26 1.08 1.88 1.69m-7.08 7.08c-.61-.62-1.17-1.25-1.69-1.88c-1.38 2.13-1.88 3.96-1.13 4.7c.74.75 2.57.25 4.7-1.13c-.63-.52-1.26-1.08-1.88-1.69m-2.82-9.9c-.75.74-.25 2.57 1.13 4.7c.52-.63 1.08-1.26 1.69-1.88c.62-.61 1.25-1.17 1.88-1.69c-2.13-1.38-3.96-1.88-4.7-1.13m4.24 8.48c.7.7 1.42 1.34 2.12 1.91c.7-.57 1.42-1.21 2.12-1.91s1.34-1.42 1.91-2.12c-.57-.7-1.21-1.42-1.91-2.12S12.7 8.54 12 7.97c-.7.57-1.42 1.21-2.12 1.91S8.54 11.3 7.97 12c.57.7 1.21 1.42 1.91 2.12m8.48 4.24c.75-.74.25-2.57-1.13-4.7c-.52.63-1.08 1.26-1.69 1.88c-.62.61-1.25 1.17-1.88 1.69c2.13 1.38 3.96 1.88 4.7 1.13"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M4.22 4.22C5.65 2.79 8.75 3.43 12 5.56c3.25-2.13 6.35-2.77 7.78-1.34s.79 4.53-1.34 7.78c2.13 3.25 2.77 6.35 1.34 7.78s-4.53.79-7.78-1.34c-3.25 2.13-6.35 2.77-7.78 1.34S3.43 15.25 5.56 12C3.43 8.75 2.79 5.65 4.22 4.22m11.32 4.24c.61.62 1.17 1.25 1.69 1.88c1.38-2.13 1.88-3.96 1.13-4.7c-.74-.75-2.57-.25-4.7 1.13c.63.52 1.26 1.08 1.88 1.69m-7.08 7.08c-.61-.62-1.17-1.25-1.69-1.88c-1.38 2.13-1.88 3.96-1.13 4.7c.74.75 2.57.25 4.7-1.13c-.63-.52-1.26-1.08-1.88-1.69m-2.82-9.9c-.75.74-.25 2.57 1.13 4.7c.52-.63 1.08-1.26 1.69-1.88c.62-.61 1.25-1.17 1.88-1.69c-2.13-1.38-3.96-1.88-4.7-1.13m4.24 8.48c.7.7 1.42 1.34 2.12 1.91c.7-.57 1.42-1.21 2.12-1.91s1.34-1.42 1.91-2.12c-.57-.7-1.21-1.42-1.91-2.12S12.7 8.54 12 7.97c-.7.57-1.42 1.21-2.12 1.91S8.54 11.3 7.97 12c.57.7 1.21 1.42 1.91 2.12m8.48 4.24c.75-.74.25-2.57-1.13-4.7c-.52.63-1.08 1.26-1.69 1.88c-.62.61-1.25 1.17-1.88 1.69c2.13 1.38 3.96 1.88 4.7 1.13"/></svg> </template>
CSS
.icon-atom {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2011a1%201%200%200%201%201%201a1%201%200%200%201-1%201a1%201%200%200%201-1-1a1%201%200%200%201%201-1M4.22%204.22C5.65%202.79%208.75%203.43%2012%205.56c3.25-2.13%206.35-2.77%207.78-1.34s.79%204.53-1.34%207.78c2.13%203.25%202.77%206.35%201.34%207.78s-4.53.79-7.78-1.34c-3.25%202.13-6.35%202.77-7.78%201.34S3.43%2015.25%205.56%2012C3.43%208.75%202.79%205.65%204.22%204.22m11.32%204.24c.61.62%201.17%201.25%201.69%201.88c1.38-2.13%201.88-3.96%201.13-4.7c-.74-.75-2.57-.25-4.7%201.13c.63.52%201.26%201.08%201.88%201.69m-7.08%207.08c-.61-.62-1.17-1.25-1.69-1.88c-1.38%202.13-1.88%203.96-1.13%204.7c.74.75%202.57.25%204.7-1.13c-.63-.52-1.26-1.08-1.88-1.69m-2.82-9.9c-.75.74-.25%202.57%201.13%204.7c.52-.63%201.08-1.26%201.69-1.88c.62-.61%201.25-1.17%201.88-1.69c-2.13-1.38-3.96-1.88-4.7-1.13m4.24%208.48c.7.7%201.42%201.34%202.12%201.91c.7-.57%201.42-1.21%202.12-1.91s1.34-1.42%201.91-2.12c-.57-.7-1.21-1.42-1.91-2.12S12.7%208.54%2012%207.97c-.7.57-1.42%201.21-2.12%201.91S8.54%2011.3%207.97%2012c.57.7%201.21%201.42%201.91%202.12m8.48%204.24c.75-.74.25-2.57-1.13-4.7c-.52.63-1.08%201.26-1.69%201.88c-.62.61-1.25%201.17-1.88%201.69c2.13%201.38%203.96%201.88%204.7%201.13%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2011a1%201%200%200%201%201%201a1%201%200%200%201-1%201a1%201%200%200%201-1-1a1%201%200%200%201%201-1M4.22%204.22C5.65%202.79%208.75%203.43%2012%205.56c3.25-2.13%206.35-2.77%207.78-1.34s.79%204.53-1.34%207.78c2.13%203.25%202.77%206.35%201.34%207.78s-4.53.79-7.78-1.34c-3.25%202.13-6.35%202.77-7.78%201.34S3.43%2015.25%205.56%2012C3.43%208.75%202.79%205.65%204.22%204.22m11.32%204.24c.61.62%201.17%201.25%201.69%201.88c1.38-2.13%201.88-3.96%201.13-4.7c-.74-.75-2.57-.25-4.7%201.13c.63.52%201.26%201.08%201.88%201.69m-7.08%207.08c-.61-.62-1.17-1.25-1.69-1.88c-1.38%202.13-1.88%203.96-1.13%204.7c.74.75%202.57.25%204.7-1.13c-.63-.52-1.26-1.08-1.88-1.69m-2.82-9.9c-.75.74-.25%202.57%201.13%204.7c.52-.63%201.08-1.26%201.69-1.88c.62-.61%201.25-1.17%201.88-1.69c-2.13-1.38-3.96-1.88-4.7-1.13m4.24%208.48c.7.7%201.42%201.34%202.12%201.91c.7-.57%201.42-1.21%202.12-1.91s1.34-1.42%201.91-2.12c-.57-.7-1.21-1.42-1.91-2.12S12.7%208.54%2012%207.97c-.7.57-1.42%201.21-2.12%201.91S8.54%2011.3%207.97%2012c.57.7%201.21%201.42%201.91%202.12m8.48%204.24c.75-.74.25-2.57-1.13-4.7c-.52.63-1.08%201.26-1.69%201.88c-.62.61-1.25%201.17-1.88%201.69c2.13%201.38%203.96%201.88%204.7%201.13%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/atom.svg?color=%231a73e8&size=48
