atom icon
atom-outline from Flowbite Icons by Themesberg · Outline · General · MIT Free for personal and commercial use.
- Name
- atom-outline
- Set
- Flowbite Icons
- Style
- Outline
- Category
- General
- Viewbox
- 24×24
- License
- MIT
1 other variant in Flowbite Icons
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
More general icons from Flowbite Icons
add-column-after-outlineadd-column-before-outlineadjustments-horizontal-outlineadjustments-vertical-outlineannotation-outlineapi-key-outlinearchive-outlinearrow-up-right-from-square-outlineaward-outlinebadge-check-outlineban-outlinebarcode-outlinebars-from-left-outlinebars-outlinebattery-outlinebed-outlinebell-active-alt-outlinebell-active-outlinebell-outlinebell-ring-outlineblender-phone-outlinebook-open-outlinebook-outlinebookmark-outline
Use the atom icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M8.737 8.737a21.5 21.5 0 0 1 3.308-2.724m0 0c3.063-2.026 5.99-2.641 7.331-1.3c1.827 1.828.026 6.591-4.023 10.64s-8.812 5.85-10.64 4.023c-1.33-1.33-.736-4.218 1.249-7.253m6.083-6.11c-3.063-2.026-5.99-2.641-7.331-1.3c-1.827 1.828-.026 6.591 4.023 10.64m3.308-9.34a21.5 21.5 0 0 1 3.308 2.724m2.775 3.386c1.985 3.035 2.579 5.923 1.248 7.253c-1.336 1.337-4.245.732-7.295-1.275M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z"/></svg>
React
import type { SVGProps } from "react";
export function FlowbiteAtomOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="2" d="M8.737 8.737a21.5 21.5 0 0 1 3.308-2.724m0 0c3.063-2.026 5.99-2.641 7.331-1.3c1.827 1.828.026 6.591-4.023 10.64s-8.812 5.85-10.64 4.023c-1.33-1.33-.736-4.218 1.249-7.253m6.083-6.11c-3.063-2.026-5.99-2.641-7.331-1.3c-1.827 1.828-.026 6.591 4.023 10.64m3.308-9.34a21.5 21.5 0 0 1 3.308 2.724m2.775 3.386c1.985 3.035 2.579 5.923 1.248 7.253c-1.336 1.337-4.245.732-7.295-1.275M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M8.737 8.737a21.5 21.5 0 0 1 3.308-2.724m0 0c3.063-2.026 5.99-2.641 7.331-1.3c1.827 1.828.026 6.591-4.023 10.64s-8.812 5.85-10.64 4.023c-1.33-1.33-.736-4.218 1.249-7.253m6.083-6.11c-3.063-2.026-5.99-2.641-7.331-1.3c-1.827 1.828-.026 6.591 4.023 10.64m3.308-9.34a21.5 21.5 0 0 1 3.308 2.724m2.775 3.386c1.985 3.035 2.579 5.923 1.248 7.253c-1.336 1.337-4.245.732-7.295-1.275M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z"/></svg> </template>
CSS
.icon-atom-outline {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M8.737%208.737a21.5%2021.5%200%200%201%203.308-2.724m0%200c3.063-2.026%205.99-2.641%207.331-1.3c1.827%201.828.026%206.591-4.023%2010.64s-8.812%205.85-10.64%204.023c-1.33-1.33-.736-4.218%201.249-7.253m6.083-6.11c-3.063-2.026-5.99-2.641-7.331-1.3c-1.827%201.828-.026%206.591%204.023%2010.64m3.308-9.34a21.5%2021.5%200%200%201%203.308%202.724m2.775%203.386c1.985%203.035%202.579%205.923%201.248%207.253c-1.336%201.337-4.245.732-7.295-1.275M14%2012a2%202%200%201%201-4%200a2%202%200%200%201%204%200Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M8.737%208.737a21.5%2021.5%200%200%201%203.308-2.724m0%200c3.063-2.026%205.99-2.641%207.331-1.3c1.827%201.828.026%206.591-4.023%2010.64s-8.812%205.85-10.64%204.023c-1.33-1.33-.736-4.218%201.249-7.253m6.083-6.11c-3.063-2.026-5.99-2.641-7.331-1.3c-1.827%201.828-.026%206.591%204.023%2010.64m3.308-9.34a21.5%2021.5%200%200%201%203.308%202.724m2.775%203.386c1.985%203.035%202.579%205.923%201.248%207.253c-1.336%201.337-4.245.732-7.295-1.275M14%2012a2%202%200%201%201-4%200a2%202%200%200%201%204%200Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/atom-outline.svg?color=%231a73e8&size=48
