atom icon

atom-solid from Flowbite Icons by Themesberg · Solid · MIT Free for personal and commercial use.

Name
atom-solid
Set
Flowbite Icons
Style
Solid
Viewbox
24×24
License
MIT

1 other variant in Flowbite Icons

atom-outline

The same icon in other sets

atomBoxIcons v2atomCoreUI BrandsatomDeviconatomFont Awesome 6 SolidatomFont Awesome SolidatomIconoiratomLine AwesomeatomSVG LogosatomLucideatomMaterial Design IconsatomMyna UI IconsatomPhosphoratom-fillRemix IconatomSimple IconsatomSkill Iconsatom-boldSolaratomTabler IconsatomWeb3 IconsatomWeb3 Icons BrandedatomUnicons

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"><path fill="currentColor" fill-rule="evenodd" d="M10.2 6L8 8a1 1 0 0 0 1.4 1.4A21 21 0 0 1 12 7.2a21 21 0 0 1 2.6 2.2A1 1 0 0 0 16.1 8l-2.2-2l2.6-1c1.2-.1 1.8 0 2.2.4c.4.5.6 1.6 0 3.4c-.7 1.8-2.1 3.9-4 5.8c-2 2-4 3.4-5.9 4c-1.8.7-3 .5-3.4 0c-.3-.3-.5-1-.3-2a9 9 0 0 1 1-2.7L8 16a1 1 0 0 0 1.3-1.5c-1.9-1.9-3.3-4-4-5.8c-.6-1.8-.4-3 0-3.4c.4-.3 1-.5 2.2-.3c.7.1 1.6.5 2.6 1ZM12 4.9c1.5-.8 2.9-1.4 4.2-1.7C17.6 3 19 3 20 4.1c1.3 1.3 1.2 3.5.4 5.5a15 15 0 0 1-1.2 2.4c.8 1.5 1.4 3 1.7 4.2c.2 1.4 0 2.9-1 3.9s-2.4 1.1-3.8.9c-1.3-.3-2.7-.9-4.2-1.7l-2.4 1.2c-2 .8-4.2 1-5.6-.4c-1-1-1.1-2.5-.9-3.9A12 12 0 0 1 4.7 12a15 15 0 0 1-1.2-2.4c-.8-2-1-4.2.4-5.6C5 3 6.5 3 8 3.1c1.2.3 2.6.9 4 1.7ZM14 18a9 9 0 0 0 2.7 1c1 .2 1.7 0 2-.3c.4-.4.6-1 .4-2.1a9 9 0 0 0-1-2.7A23.4 23.4 0 0 1 14 18" clip-rule="evenodd"/><path fill="currentColor" d="M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path stroke="currentColor" d="M10.2 6L8 8a1 1 0 0 0 1.4 1.4A21 21 0 0 1 12 7.2a21 21 0 0 1 2.6 2.2A1 1 0 0 0 16.1 8l-2.2-2l2.6-1c1.2-.1 1.8 0 2.2.4c.4.5.6 1.6 0 3.4c-.7 1.8-2.1 3.9-4 5.8c-2 2-4 3.4-5.9 4c-1.8.7-3 .5-3.4 0c-.3-.3-.5-1-.3-2a9 9 0 0 1 1-2.7L8 16a1 1 0 0 0 1.3-1.5c-1.9-1.9-3.3-4-4-5.8c-.6-1.8-.4-3 0-3.4c.4-.3 1-.5 2.2-.3c.7.1 1.6.5 2.6 1ZM12 4.9c1.5-.8 2.9-1.4 4.2-1.7C17.6 3 19 3 20 4.1c1.3 1.3 1.2 3.5.4 5.5a15 15 0 0 1-1.2 2.4c.8 1.5 1.4 3 1.7 4.2c.2 1.4 0 2.9-1 3.9s-2.4 1.1-3.8.9c-1.3-.3-2.7-.9-4.2-1.7l-2.4 1.2c-2 .8-4.2 1-5.6-.4c-1-1-1.1-2.5-.9-3.9A12 12 0 0 1 4.7 12a15 15 0 0 1-1.2-2.4c-.8-2-1-4.2.4-5.6C5 3 6.5 3 8 3.1c1.2.3 2.6.9 4 1.7ZM14 18a9 9 0 0 0 2.7 1c1 .2 1.7 0 2-.3c.4-.4.6-1 .4-2.1a9 9 0 0 0-1-2.7A23.4 23.4 0 0 1 14 18Z" clip-rule="evenodd"/><path stroke="currentColor" d="M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z"/></g></svg>

React

import type { SVGProps } from "react";

export function FlowbiteAtomSolid(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"><path fill="currentColor" fillRule="evenodd" d="M10.2 6L8 8a1 1 0 0 0 1.4 1.4A21 21 0 0 1 12 7.2a21 21 0 0 1 2.6 2.2A1 1 0 0 0 16.1 8l-2.2-2l2.6-1c1.2-.1 1.8 0 2.2.4c.4.5.6 1.6 0 3.4c-.7 1.8-2.1 3.9-4 5.8c-2 2-4 3.4-5.9 4c-1.8.7-3 .5-3.4 0c-.3-.3-.5-1-.3-2a9 9 0 0 1 1-2.7L8 16a1 1 0 0 0 1.3-1.5c-1.9-1.9-3.3-4-4-5.8c-.6-1.8-.4-3 0-3.4c.4-.3 1-.5 2.2-.3c.7.1 1.6.5 2.6 1ZM12 4.9c1.5-.8 2.9-1.4 4.2-1.7C17.6 3 19 3 20 4.1c1.3 1.3 1.2 3.5.4 5.5a15 15 0 0 1-1.2 2.4c.8 1.5 1.4 3 1.7 4.2c.2 1.4 0 2.9-1 3.9s-2.4 1.1-3.8.9c-1.3-.3-2.7-.9-4.2-1.7l-2.4 1.2c-2 .8-4.2 1-5.6-.4c-1-1-1.1-2.5-.9-3.9A12 12 0 0 1 4.7 12a15 15 0 0 1-1.2-2.4c-.8-2-1-4.2.4-5.6C5 3 6.5 3 8 3.1c1.2.3 2.6.9 4 1.7ZM14 18a9 9 0 0 0 2.7 1c1 .2 1.7 0 2-.3c.4-.4.6-1 .4-2.1a9 9 0 0 0-1-2.7A23.4 23.4 0 0 1 14 18" clipRule="evenodd"/><path fill="currentColor" d="M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path stroke="currentColor" d="M10.2 6L8 8a1 1 0 0 0 1.4 1.4A21 21 0 0 1 12 7.2a21 21 0 0 1 2.6 2.2A1 1 0 0 0 16.1 8l-2.2-2l2.6-1c1.2-.1 1.8 0 2.2.4c.4.5.6 1.6 0 3.4c-.7 1.8-2.1 3.9-4 5.8c-2 2-4 3.4-5.9 4c-1.8.7-3 .5-3.4 0c-.3-.3-.5-1-.3-2a9 9 0 0 1 1-2.7L8 16a1 1 0 0 0 1.3-1.5c-1.9-1.9-3.3-4-4-5.8c-.6-1.8-.4-3 0-3.4c.4-.3 1-.5 2.2-.3c.7.1 1.6.5 2.6 1ZM12 4.9c1.5-.8 2.9-1.4 4.2-1.7C17.6 3 19 3 20 4.1c1.3 1.3 1.2 3.5.4 5.5a15 15 0 0 1-1.2 2.4c.8 1.5 1.4 3 1.7 4.2c.2 1.4 0 2.9-1 3.9s-2.4 1.1-3.8.9c-1.3-.3-2.7-.9-4.2-1.7l-2.4 1.2c-2 .8-4.2 1-5.6-.4c-1-1-1.1-2.5-.9-3.9A12 12 0 0 1 4.7 12a15 15 0 0 1-1.2-2.4c-.8-2-1-4.2.4-5.6C5 3 6.5 3 8 3.1c1.2.3 2.6.9 4 1.7ZM14 18a9 9 0 0 0 2.7 1c1 .2 1.7 0 2-.3c.4-.4.6-1 .4-2.1a9 9 0 0 0-1-2.7A23.4 23.4 0 0 1 14 18Z" clipRule="evenodd"/><path stroke="currentColor" d="M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M10.2 6L8 8a1 1 0 0 0 1.4 1.4A21 21 0 0 1 12 7.2a21 21 0 0 1 2.6 2.2A1 1 0 0 0 16.1 8l-2.2-2l2.6-1c1.2-.1 1.8 0 2.2.4c.4.5.6 1.6 0 3.4c-.7 1.8-2.1 3.9-4 5.8c-2 2-4 3.4-5.9 4c-1.8.7-3 .5-3.4 0c-.3-.3-.5-1-.3-2a9 9 0 0 1 1-2.7L8 16a1 1 0 0 0 1.3-1.5c-1.9-1.9-3.3-4-4-5.8c-.6-1.8-.4-3 0-3.4c.4-.3 1-.5 2.2-.3c.7.1 1.6.5 2.6 1ZM12 4.9c1.5-.8 2.9-1.4 4.2-1.7C17.6 3 19 3 20 4.1c1.3 1.3 1.2 3.5.4 5.5a15 15 0 0 1-1.2 2.4c.8 1.5 1.4 3 1.7 4.2c.2 1.4 0 2.9-1 3.9s-2.4 1.1-3.8.9c-1.3-.3-2.7-.9-4.2-1.7l-2.4 1.2c-2 .8-4.2 1-5.6-.4c-1-1-1.1-2.5-.9-3.9A12 12 0 0 1 4.7 12a15 15 0 0 1-1.2-2.4c-.8-2-1-4.2.4-5.6C5 3 6.5 3 8 3.1c1.2.3 2.6.9 4 1.7ZM14 18a9 9 0 0 0 2.7 1c1 .2 1.7 0 2-.3c.4-.4.6-1 .4-2.1a9 9 0 0 0-1-2.7A23.4 23.4 0 0 1 14 18" clip-rule="evenodd"/><path fill="currentColor" d="M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path stroke="currentColor" d="M10.2 6L8 8a1 1 0 0 0 1.4 1.4A21 21 0 0 1 12 7.2a21 21 0 0 1 2.6 2.2A1 1 0 0 0 16.1 8l-2.2-2l2.6-1c1.2-.1 1.8 0 2.2.4c.4.5.6 1.6 0 3.4c-.7 1.8-2.1 3.9-4 5.8c-2 2-4 3.4-5.9 4c-1.8.7-3 .5-3.4 0c-.3-.3-.5-1-.3-2a9 9 0 0 1 1-2.7L8 16a1 1 0 0 0 1.3-1.5c-1.9-1.9-3.3-4-4-5.8c-.6-1.8-.4-3 0-3.4c.4-.3 1-.5 2.2-.3c.7.1 1.6.5 2.6 1ZM12 4.9c1.5-.8 2.9-1.4 4.2-1.7C17.6 3 19 3 20 4.1c1.3 1.3 1.2 3.5.4 5.5a15 15 0 0 1-1.2 2.4c.8 1.5 1.4 3 1.7 4.2c.2 1.4 0 2.9-1 3.9s-2.4 1.1-3.8.9c-1.3-.3-2.7-.9-4.2-1.7l-2.4 1.2c-2 .8-4.2 1-5.6-.4c-1-1-1.1-2.5-.9-3.9A12 12 0 0 1 4.7 12a15 15 0 0 1-1.2-2.4c-.8-2-1-4.2.4-5.6C5 3 6.5 3 8 3.1c1.2.3 2.6.9 4 1.7ZM14 18a9 9 0 0 0 2.7 1c1 .2 1.7 0 2-.3c.4-.4.6-1 .4-2.1a9 9 0 0 0-1-2.7A23.4 23.4 0 0 1 14 18Z" clip-rule="evenodd"/><path stroke="currentColor" d="M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z"/></g></svg>
</template>

CSS

.icon-atom-solid {
  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%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.2%206L8%208a1%201%200%200%200%201.4%201.4A21%2021%200%200%201%2012%207.2a21%2021%200%200%201%202.6%202.2A1%201%200%200%200%2016.1%208l-2.2-2l2.6-1c1.2-.1%201.8%200%202.2.4c.4.5.6%201.6%200%203.4c-.7%201.8-2.1%203.9-4%205.8c-2%202-4%203.4-5.9%204c-1.8.7-3%20.5-3.4%200c-.3-.3-.5-1-.3-2a9%209%200%200%201%201-2.7L8%2016a1%201%200%200%200%201.3-1.5c-1.9-1.9-3.3-4-4-5.8c-.6-1.8-.4-3%200-3.4c.4-.3%201-.5%202.2-.3c.7.1%201.6.5%202.6%201ZM12%204.9c1.5-.8%202.9-1.4%204.2-1.7C17.6%203%2019%203%2020%204.1c1.3%201.3%201.2%203.5.4%205.5a15%2015%200%200%201-1.2%202.4c.8%201.5%201.4%203%201.7%204.2c.2%201.4%200%202.9-1%203.9s-2.4%201.1-3.8.9c-1.3-.3-2.7-.9-4.2-1.7l-2.4%201.2c-2%20.8-4.2%201-5.6-.4c-1-1-1.1-2.5-.9-3.9A12%2012%200%200%201%204.7%2012a15%2015%200%200%201-1.2-2.4c-.8-2-1-4.2.4-5.6C5%203%206.5%203%208%203.1c1.2.3%202.6.9%204%201.7ZM14%2018a9%209%200%200%200%202.7%201c1%20.2%201.7%200%202-.3c.4-.4.6-1%20.4-2.1a9%209%200%200%200-1-2.7A23.4%2023.4%200%200%201%2014%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%2012a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20d%3D%22M10.2%206L8%208a1%201%200%200%200%201.4%201.4A21%2021%200%200%201%2012%207.2a21%2021%200%200%201%202.6%202.2A1%201%200%200%200%2016.1%208l-2.2-2l2.6-1c1.2-.1%201.8%200%202.2.4c.4.5.6%201.6%200%203.4c-.7%201.8-2.1%203.9-4%205.8c-2%202-4%203.4-5.9%204c-1.8.7-3%20.5-3.4%200c-.3-.3-.5-1-.3-2a9%209%200%200%201%201-2.7L8%2016a1%201%200%200%200%201.3-1.5c-1.9-1.9-3.3-4-4-5.8c-.6-1.8-.4-3%200-3.4c.4-.3%201-.5%202.2-.3c.7.1%201.6.5%202.6%201ZM12%204.9c1.5-.8%202.9-1.4%204.2-1.7C17.6%203%2019%203%2020%204.1c1.3%201.3%201.2%203.5.4%205.5a15%2015%200%200%201-1.2%202.4c.8%201.5%201.4%203%201.7%204.2c.2%201.4%200%202.9-1%203.9s-2.4%201.1-3.8.9c-1.3-.3-2.7-.9-4.2-1.7l-2.4%201.2c-2%20.8-4.2%201-5.6-.4c-1-1-1.1-2.5-.9-3.9A12%2012%200%200%201%204.7%2012a15%2015%200%200%201-1.2-2.4c-.8-2-1-4.2.4-5.6C5%203%206.5%203%208%203.1c1.2.3%202.6.9%204%201.7ZM14%2018a9%209%200%200%200%202.7%201c1%20.2%201.7%200%202-.3c.4-.4.6-1%20.4-2.1a9%209%200%200%200-1-2.7A23.4%2023.4%200%200%201%2014%2018Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20d%3D%22M14%2012a2%202%200%201%201-4%200a2%202%200%200%201%204%200Z%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%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.2%206L8%208a1%201%200%200%200%201.4%201.4A21%2021%200%200%201%2012%207.2a21%2021%200%200%201%202.6%202.2A1%201%200%200%200%2016.1%208l-2.2-2l2.6-1c1.2-.1%201.8%200%202.2.4c.4.5.6%201.6%200%203.4c-.7%201.8-2.1%203.9-4%205.8c-2%202-4%203.4-5.9%204c-1.8.7-3%20.5-3.4%200c-.3-.3-.5-1-.3-2a9%209%200%200%201%201-2.7L8%2016a1%201%200%200%200%201.3-1.5c-1.9-1.9-3.3-4-4-5.8c-.6-1.8-.4-3%200-3.4c.4-.3%201-.5%202.2-.3c.7.1%201.6.5%202.6%201ZM12%204.9c1.5-.8%202.9-1.4%204.2-1.7C17.6%203%2019%203%2020%204.1c1.3%201.3%201.2%203.5.4%205.5a15%2015%200%200%201-1.2%202.4c.8%201.5%201.4%203%201.7%204.2c.2%201.4%200%202.9-1%203.9s-2.4%201.1-3.8.9c-1.3-.3-2.7-.9-4.2-1.7l-2.4%201.2c-2%20.8-4.2%201-5.6-.4c-1-1-1.1-2.5-.9-3.9A12%2012%200%200%201%204.7%2012a15%2015%200%200%201-1.2-2.4c-.8-2-1-4.2.4-5.6C5%203%206.5%203%208%203.1c1.2.3%202.6.9%204%201.7ZM14%2018a9%209%200%200%200%202.7%201c1%20.2%201.7%200%202-.3c.4-.4.6-1%20.4-2.1a9%209%200%200%200-1-2.7A23.4%2023.4%200%200%201%2014%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%2012a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20d%3D%22M10.2%206L8%208a1%201%200%200%200%201.4%201.4A21%2021%200%200%201%2012%207.2a21%2021%200%200%201%202.6%202.2A1%201%200%200%200%2016.1%208l-2.2-2l2.6-1c1.2-.1%201.8%200%202.2.4c.4.5.6%201.6%200%203.4c-.7%201.8-2.1%203.9-4%205.8c-2%202-4%203.4-5.9%204c-1.8.7-3%20.5-3.4%200c-.3-.3-.5-1-.3-2a9%209%200%200%201%201-2.7L8%2016a1%201%200%200%200%201.3-1.5c-1.9-1.9-3.3-4-4-5.8c-.6-1.8-.4-3%200-3.4c.4-.3%201-.5%202.2-.3c.7.1%201.6.5%202.6%201ZM12%204.9c1.5-.8%202.9-1.4%204.2-1.7C17.6%203%2019%203%2020%204.1c1.3%201.3%201.2%203.5.4%205.5a15%2015%200%200%201-1.2%202.4c.8%201.5%201.4%203%201.7%204.2c.2%201.4%200%202.9-1%203.9s-2.4%201.1-3.8.9c-1.3-.3-2.7-.9-4.2-1.7l-2.4%201.2c-2%20.8-4.2%201-5.6-.4c-1-1-1.1-2.5-.9-3.9A12%2012%200%200%201%204.7%2012a15%2015%200%200%201-1.2-2.4c-.8-2-1-4.2.4-5.6C5%203%206.5%203%208%203.1c1.2.3%202.6.9%204%201.7ZM14%2018a9%209%200%200%200%202.7%201c1%20.2%201.7%200%202-.3c.4-.4.6-1%20.4-2.1a9%209%200%200%200-1-2.7A23.4%2023.4%200%200%201%2014%2018Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20d%3D%22M14%2012a2%202%200%201%201-4%200a2%202%200%200%201%204%200Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/atom-solid.svg?color=%231a73e8&size=48