atom icon
atom-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- atom-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
atomBoxIcons v2atomCoreUI BrandsatomDeviconatomFont Awesome 6 SolidatomFont Awesome Solidatom-outlineFlowbite IconsatomIconoiratomLine AwesomeatomSVG LogosatomLucideatomMaterial Design 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"><path fill="currentColor" d="M8.81 3.01c1.016.426 2.094 1.023 3.19 1.768c1.096-.745 2.175-1.342 3.19-1.767c1.115-.468 2.19-.744 3.145-.76c.96-.016 1.865.232 2.523.89c.66.66.908 1.565.892 2.524c-.016.956-.293 2.03-.76 3.145c-.426 1.016-1.023 2.095-1.768 3.19c.745 1.096 1.342 2.175 1.767 3.19c.468 1.115.744 2.189.76 3.145c.016.959-.232 1.864-.891 2.523s-1.564.907-2.523.891c-.956-.016-2.03-.292-3.145-.76c-1.015-.425-2.094-1.022-3.19-1.767c-1.095.745-2.174 1.342-3.19 1.767c-1.114.468-2.188.744-3.144.76c-.96.016-1.865-.232-2.524-.89c-.658-.66-.907-1.565-.891-2.524c.016-.956.293-2.03.76-3.145c.426-1.015 1.022-2.094 1.767-3.19c-.745-1.095-1.341-2.174-1.767-3.19c-.468-1.115-.744-2.189-.76-3.145c-.016-.959.232-1.864.89-2.523c.66-.659 1.565-.907 2.524-.891c.956.016 2.03.292 3.145.76M4.203 4.204c-.282.282-.464.738-.452 1.437c.011.702.22 1.582.643 2.59c.327.78.773 1.616 1.327 2.477c.694-.89 1.478-1.78 2.342-2.644a29 29 0 0 1 2.644-2.342c-.862-.554-1.697-1-2.477-1.327c-1.008-.423-1.888-.632-2.59-.643c-.699-.012-1.155.17-1.437.452m11.734 3.86a29 29 0 0 1 2.342 2.644c.554-.861 1-1.697 1.327-2.477c.423-1.008.632-1.888.644-2.59c.011-.699-.17-1.155-.452-1.437s-.739-.464-1.438-.452c-.702.011-1.581.22-2.59.643a16.3 16.3 0 0 0-2.477 1.327c.89.694 1.78 1.478 2.644 2.342m0 7.874a29 29 0 0 1-2.644 2.342c.862.554 1.697 1 2.477 1.327c1.008.423 1.888.632 2.59.643c.699.012 1.155-.17 1.437-.452s.464-.738.453-1.437c-.012-.702-.221-1.582-.644-2.59a16.3 16.3 0 0 0-1.327-2.477c-.693.89-1.478 1.78-2.342 2.644m-7.874 0a29 29 0 0 1-2.342-2.644c-.554.862-1 1.697-1.327 2.477c-.423 1.008-.631 1.888-.643 2.59c-.012.699.17 1.155.452 1.437s.739.464 1.438.453c.702-.012 1.581-.221 2.59-.644a16 16 0 0 0 2.476-1.327a29 29 0 0 1-2.644-2.342m3.687-4.687a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiAtomSolid(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="M8.81 3.01c1.016.426 2.094 1.023 3.19 1.768c1.096-.745 2.175-1.342 3.19-1.767c1.115-.468 2.19-.744 3.145-.76c.96-.016 1.865.232 2.523.89c.66.66.908 1.565.892 2.524c-.016.956-.293 2.03-.76 3.145c-.426 1.016-1.023 2.095-1.768 3.19c.745 1.096 1.342 2.175 1.767 3.19c.468 1.115.744 2.189.76 3.145c.016.959-.232 1.864-.891 2.523s-1.564.907-2.523.891c-.956-.016-2.03-.292-3.145-.76c-1.015-.425-2.094-1.022-3.19-1.767c-1.095.745-2.174 1.342-3.19 1.767c-1.114.468-2.188.744-3.144.76c-.96.016-1.865-.232-2.524-.89c-.658-.66-.907-1.565-.891-2.524c.016-.956.293-2.03.76-3.145c.426-1.015 1.022-2.094 1.767-3.19c-.745-1.095-1.341-2.174-1.767-3.19c-.468-1.115-.744-2.189-.76-3.145c-.016-.959.232-1.864.89-2.523c.66-.659 1.565-.907 2.524-.891c.956.016 2.03.292 3.145.76M4.203 4.204c-.282.282-.464.738-.452 1.437c.011.702.22 1.582.643 2.59c.327.78.773 1.616 1.327 2.477c.694-.89 1.478-1.78 2.342-2.644a29 29 0 0 1 2.644-2.342c-.862-.554-1.697-1-2.477-1.327c-1.008-.423-1.888-.632-2.59-.643c-.699-.012-1.155.17-1.437.452m11.734 3.86a29 29 0 0 1 2.342 2.644c.554-.861 1-1.697 1.327-2.477c.423-1.008.632-1.888.644-2.59c.011-.699-.17-1.155-.452-1.437s-.739-.464-1.438-.452c-.702.011-1.581.22-2.59.643a16.3 16.3 0 0 0-2.477 1.327c.89.694 1.78 1.478 2.644 2.342m0 7.874a29 29 0 0 1-2.644 2.342c.862.554 1.697 1 2.477 1.327c1.008.423 1.888.632 2.59.643c.699.012 1.155-.17 1.437-.452s.464-.738.453-1.437c-.012-.702-.221-1.582-.644-2.59a16.3 16.3 0 0 0-1.327-2.477c-.693.89-1.478 1.78-2.342 2.644m-7.874 0a29 29 0 0 1-2.342-2.644c-.554.862-1 1.697-1.327 2.477c-.423 1.008-.631 1.888-.643 2.59c-.012.699.17 1.155.452 1.437s.739.464 1.438.453c.702-.012 1.581-.221 2.59-.644a16 16 0 0 0 2.476-1.327a29 29 0 0 1-2.644-2.342m3.687-4.687a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.81 3.01c1.016.426 2.094 1.023 3.19 1.768c1.096-.745 2.175-1.342 3.19-1.767c1.115-.468 2.19-.744 3.145-.76c.96-.016 1.865.232 2.523.89c.66.66.908 1.565.892 2.524c-.016.956-.293 2.03-.76 3.145c-.426 1.016-1.023 2.095-1.768 3.19c.745 1.096 1.342 2.175 1.767 3.19c.468 1.115.744 2.189.76 3.145c.016.959-.232 1.864-.891 2.523s-1.564.907-2.523.891c-.956-.016-2.03-.292-3.145-.76c-1.015-.425-2.094-1.022-3.19-1.767c-1.095.745-2.174 1.342-3.19 1.767c-1.114.468-2.188.744-3.144.76c-.96.016-1.865-.232-2.524-.89c-.658-.66-.907-1.565-.891-2.524c.016-.956.293-2.03.76-3.145c.426-1.015 1.022-2.094 1.767-3.19c-.745-1.095-1.341-2.174-1.767-3.19c-.468-1.115-.744-2.189-.76-3.145c-.016-.959.232-1.864.89-2.523c.66-.659 1.565-.907 2.524-.891c.956.016 2.03.292 3.145.76M4.203 4.204c-.282.282-.464.738-.452 1.437c.011.702.22 1.582.643 2.59c.327.78.773 1.616 1.327 2.477c.694-.89 1.478-1.78 2.342-2.644a29 29 0 0 1 2.644-2.342c-.862-.554-1.697-1-2.477-1.327c-1.008-.423-1.888-.632-2.59-.643c-.699-.012-1.155.17-1.437.452m11.734 3.86a29 29 0 0 1 2.342 2.644c.554-.861 1-1.697 1.327-2.477c.423-1.008.632-1.888.644-2.59c.011-.699-.17-1.155-.452-1.437s-.739-.464-1.438-.452c-.702.011-1.581.22-2.59.643a16.3 16.3 0 0 0-2.477 1.327c.89.694 1.78 1.478 2.644 2.342m0 7.874a29 29 0 0 1-2.644 2.342c.862.554 1.697 1 2.477 1.327c1.008.423 1.888.632 2.59.643c.699.012 1.155-.17 1.437-.452s.464-.738.453-1.437c-.012-.702-.221-1.582-.644-2.59a16.3 16.3 0 0 0-1.327-2.477c-.693.89-1.478 1.78-2.342 2.644m-7.874 0a29 29 0 0 1-2.342-2.644c-.554.862-1 1.697-1.327 2.477c-.423 1.008-.631 1.888-.643 2.59c-.012.699.17 1.155.452 1.437s.739.464 1.438.453c.702-.012 1.581-.221 2.59-.644a16 16 0 0 0 2.476-1.327a29 29 0 0 1-2.644-2.342m3.687-4.687a.75.75 0 0 0 0 1.5h.5a.75.75 0 0 0 0-1.5z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.81%203.01c1.016.426%202.094%201.023%203.19%201.768c1.096-.745%202.175-1.342%203.19-1.767c1.115-.468%202.19-.744%203.145-.76c.96-.016%201.865.232%202.523.89c.66.66.908%201.565.892%202.524c-.016.956-.293%202.03-.76%203.145c-.426%201.016-1.023%202.095-1.768%203.19c.745%201.096%201.342%202.175%201.767%203.19c.468%201.115.744%202.189.76%203.145c.016.959-.232%201.864-.891%202.523s-1.564.907-2.523.891c-.956-.016-2.03-.292-3.145-.76c-1.015-.425-2.094-1.022-3.19-1.767c-1.095.745-2.174%201.342-3.19%201.767c-1.114.468-2.188.744-3.144.76c-.96.016-1.865-.232-2.524-.89c-.658-.66-.907-1.565-.891-2.524c.016-.956.293-2.03.76-3.145c.426-1.015%201.022-2.094%201.767-3.19c-.745-1.095-1.341-2.174-1.767-3.19c-.468-1.115-.744-2.189-.76-3.145c-.016-.959.232-1.864.89-2.523c.66-.659%201.565-.907%202.524-.891c.956.016%202.03.292%203.145.76M4.203%204.204c-.282.282-.464.738-.452%201.437c.011.702.22%201.582.643%202.59c.327.78.773%201.616%201.327%202.477c.694-.89%201.478-1.78%202.342-2.644a29%2029%200%200%201%202.644-2.342c-.862-.554-1.697-1-2.477-1.327c-1.008-.423-1.888-.632-2.59-.643c-.699-.012-1.155.17-1.437.452m11.734%203.86a29%2029%200%200%201%202.342%202.644c.554-.861%201-1.697%201.327-2.477c.423-1.008.632-1.888.644-2.59c.011-.699-.17-1.155-.452-1.437s-.739-.464-1.438-.452c-.702.011-1.581.22-2.59.643a16.3%2016.3%200%200%200-2.477%201.327c.89.694%201.78%201.478%202.644%202.342m0%207.874a29%2029%200%200%201-2.644%202.342c.862.554%201.697%201%202.477%201.327c1.008.423%201.888.632%202.59.643c.699.012%201.155-.17%201.437-.452s.464-.738.453-1.437c-.012-.702-.221-1.582-.644-2.59a16.3%2016.3%200%200%200-1.327-2.477c-.693.89-1.478%201.78-2.342%202.644m-7.874%200a29%2029%200%200%201-2.342-2.644c-.554.862-1%201.697-1.327%202.477c-.423%201.008-.631%201.888-.643%202.59c-.012.699.17%201.155.452%201.437s.739.464%201.438.453c.702-.012%201.581-.221%202.59-.644a16%2016%200%200%200%202.476-1.327a29%2029%200%200%201-2.644-2.342m3.687-4.687a.75.75%200%200%200%200%201.5h.5a.75.75%200%200%200%200-1.5z%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%22M8.81%203.01c1.016.426%202.094%201.023%203.19%201.768c1.096-.745%202.175-1.342%203.19-1.767c1.115-.468%202.19-.744%203.145-.76c.96-.016%201.865.232%202.523.89c.66.66.908%201.565.892%202.524c-.016.956-.293%202.03-.76%203.145c-.426%201.016-1.023%202.095-1.768%203.19c.745%201.096%201.342%202.175%201.767%203.19c.468%201.115.744%202.189.76%203.145c.016.959-.232%201.864-.891%202.523s-1.564.907-2.523.891c-.956-.016-2.03-.292-3.145-.76c-1.015-.425-2.094-1.022-3.19-1.767c-1.095.745-2.174%201.342-3.19%201.767c-1.114.468-2.188.744-3.144.76c-.96.016-1.865-.232-2.524-.89c-.658-.66-.907-1.565-.891-2.524c.016-.956.293-2.03.76-3.145c.426-1.015%201.022-2.094%201.767-3.19c-.745-1.095-1.341-2.174-1.767-3.19c-.468-1.115-.744-2.189-.76-3.145c-.016-.959.232-1.864.89-2.523c.66-.659%201.565-.907%202.524-.891c.956.016%202.03.292%203.145.76M4.203%204.204c-.282.282-.464.738-.452%201.437c.011.702.22%201.582.643%202.59c.327.78.773%201.616%201.327%202.477c.694-.89%201.478-1.78%202.342-2.644a29%2029%200%200%201%202.644-2.342c-.862-.554-1.697-1-2.477-1.327c-1.008-.423-1.888-.632-2.59-.643c-.699-.012-1.155.17-1.437.452m11.734%203.86a29%2029%200%200%201%202.342%202.644c.554-.861%201-1.697%201.327-2.477c.423-1.008.632-1.888.644-2.59c.011-.699-.17-1.155-.452-1.437s-.739-.464-1.438-.452c-.702.011-1.581.22-2.59.643a16.3%2016.3%200%200%200-2.477%201.327c.89.694%201.78%201.478%202.644%202.342m0%207.874a29%2029%200%200%201-2.644%202.342c.862.554%201.697%201%202.477%201.327c1.008.423%201.888.632%202.59.643c.699.012%201.155-.17%201.437-.452s.464-.738.453-1.437c-.012-.702-.221-1.582-.644-2.59a16.3%2016.3%200%200%200-1.327-2.477c-.693.89-1.478%201.78-2.342%202.644m-7.874%200a29%2029%200%200%201-2.342-2.644c-.554.862-1%201.697-1.327%202.477c-.423%201.008-.631%201.888-.643%202.59c-.012.699.17%201.155.452%201.437s.739.464%201.438.453c.702-.012%201.581-.221%202.59-.644a16%2016%200%200%200%202.476-1.327a29%2029%200%200%201-2.644-2.342m3.687-4.687a.75.75%200%200%200%200%201.5h.5a.75.75%200%200%200%200-1.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/atom-solid.svg?color=%231a73e8&size=48
