atom icon
atom from Reicon by REICON · Outline · Astronomy · MIT Free for personal and commercial use.
- Name
- atom
- Set
- Reicon
- Style
- Outline
- Category
- Astronomy
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All atom icons →atomBoxIcons v2atomCoreUI BrandsatomDeviconatomFont Awesome 6 SolidatomFont Awesome Solidatom-outlineFlowbite IconsatomIconoiratomLine AwesomeatomSVG LogosatomLucideatomMaterial Design IconsatomMyna UI IconsatomPhosphoratom-fillRemix IconatomSimple IconsatomSkill Iconsatom-boldSolaratomTabler IconsatomWeb3 IconsatomWeb3 Icons BrandedatomUnicons
More astronomy icons from Reicon
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" fill-rule="evenodd" d="M13.462 4.047c1.203.822 2.4 1.812 3.54 2.951a25 25 0 0 1 2.951 3.54c.701-1.377 1.123-2.682 1.253-3.813c.165-1.427-.138-2.482-.794-3.137c-.655-.656-1.71-.96-3.137-.794c-1.131.13-2.436.552-3.813 1.253M20.869 12c1.005-1.765 1.645-3.524 1.828-5.103c.195-1.69-.13-3.275-1.224-4.37c-1.095-1.095-2.68-1.419-4.37-1.224c-1.58.183-3.338.823-5.103 1.828c-1.765-1.005-3.523-1.645-5.103-1.827c-1.69-.195-3.275.128-4.37 1.223c-1.094 1.095-1.418 2.68-1.223 4.37c.182 1.58.822 3.338 1.828 5.103c-1.006 1.765-1.646 3.523-1.828 5.103c-.195 1.69.129 3.274 1.224 4.37c1.095 1.094 2.679 1.418 4.37 1.223c1.579-.182 3.337-.822 5.102-1.828c1.765 1.006 3.523 1.646 5.103 1.828c1.69.195 3.275-.129 4.37-1.224s1.418-2.679 1.223-4.37c-.182-1.579-.822-3.337-1.827-5.102m-1.75 0a23 23 0 0 0-3.178-3.941A23 23 0 0 0 12 4.88a23 23 0 0 0-3.94 3.18A23 23 0 0 0 4.88 12a23 23 0 0 0 3.18 3.942A23 23 0 0 0 12 19.119a23 23 0 0 0 3.941-3.179A23 23 0 0 0 19.12 12m-5.657 7.953a25 25 0 0 0 3.54-2.952a25 25 0 0 0 2.951-3.54c.701 1.378 1.123 2.682 1.253 3.814c.165 1.427-.138 2.481-.794 3.137c-.656.655-1.71.959-3.137.794c-1.131-.13-2.436-.552-3.813-1.253m-2.924 0A25 25 0 0 1 6.998 17a25 25 0 0 1-2.951-3.54c-.7 1.378-1.122 2.682-1.253 3.814c-.164 1.427.139 2.481.794 3.137c.656.655 1.71.958 3.137.794c1.132-.13 2.436-.552 3.813-1.253m-6.491-9.415a25 25 0 0 1 2.952-3.54a25 25 0 0 1 3.54-2.951c-1.379-.7-2.683-1.122-3.815-1.252c-1.427-.165-2.481.138-3.137.794c-.655.655-.959 1.71-.794 3.137c.13 1.131.552 2.436 1.253 3.813M12 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 0 0 0-3.5M8.75 12a3.25 3.25 0 1 1 6.5 0a3.25 3.25 0 0 1-6.5 0" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconAtom(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" fillRule="evenodd" d="M13.462 4.047c1.203.822 2.4 1.812 3.54 2.951a25 25 0 0 1 2.951 3.54c.701-1.377 1.123-2.682 1.253-3.813c.165-1.427-.138-2.482-.794-3.137c-.655-.656-1.71-.96-3.137-.794c-1.131.13-2.436.552-3.813 1.253M20.869 12c1.005-1.765 1.645-3.524 1.828-5.103c.195-1.69-.13-3.275-1.224-4.37c-1.095-1.095-2.68-1.419-4.37-1.224c-1.58.183-3.338.823-5.103 1.828c-1.765-1.005-3.523-1.645-5.103-1.827c-1.69-.195-3.275.128-4.37 1.223c-1.094 1.095-1.418 2.68-1.223 4.37c.182 1.58.822 3.338 1.828 5.103c-1.006 1.765-1.646 3.523-1.828 5.103c-.195 1.69.129 3.274 1.224 4.37c1.095 1.094 2.679 1.418 4.37 1.223c1.579-.182 3.337-.822 5.102-1.828c1.765 1.006 3.523 1.646 5.103 1.828c1.69.195 3.275-.129 4.37-1.224s1.418-2.679 1.223-4.37c-.182-1.579-.822-3.337-1.827-5.102m-1.75 0a23 23 0 0 0-3.178-3.941A23 23 0 0 0 12 4.88a23 23 0 0 0-3.94 3.18A23 23 0 0 0 4.88 12a23 23 0 0 0 3.18 3.942A23 23 0 0 0 12 19.119a23 23 0 0 0 3.941-3.179A23 23 0 0 0 19.12 12m-5.657 7.953a25 25 0 0 0 3.54-2.952a25 25 0 0 0 2.951-3.54c.701 1.378 1.123 2.682 1.253 3.814c.165 1.427-.138 2.481-.794 3.137c-.656.655-1.71.959-3.137.794c-1.131-.13-2.436-.552-3.813-1.253m-2.924 0A25 25 0 0 1 6.998 17a25 25 0 0 1-2.951-3.54c-.7 1.378-1.122 2.682-1.253 3.814c-.164 1.427.139 2.481.794 3.137c.656.655 1.71.958 3.137.794c1.132-.13 2.436-.552 3.813-1.253m-6.491-9.415a25 25 0 0 1 2.952-3.54a25 25 0 0 1 3.54-2.951c-1.379-.7-2.683-1.122-3.815-1.252c-1.427-.165-2.481.138-3.137.794c-.655.655-.959 1.71-.794 3.137c.13 1.131.552 2.436 1.253 3.813M12 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 0 0 0-3.5M8.75 12a3.25 3.25 0 1 1 6.5 0a3.25 3.25 0 0 1-6.5 0" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13.462 4.047c1.203.822 2.4 1.812 3.54 2.951a25 25 0 0 1 2.951 3.54c.701-1.377 1.123-2.682 1.253-3.813c.165-1.427-.138-2.482-.794-3.137c-.655-.656-1.71-.96-3.137-.794c-1.131.13-2.436.552-3.813 1.253M20.869 12c1.005-1.765 1.645-3.524 1.828-5.103c.195-1.69-.13-3.275-1.224-4.37c-1.095-1.095-2.68-1.419-4.37-1.224c-1.58.183-3.338.823-5.103 1.828c-1.765-1.005-3.523-1.645-5.103-1.827c-1.69-.195-3.275.128-4.37 1.223c-1.094 1.095-1.418 2.68-1.223 4.37c.182 1.58.822 3.338 1.828 5.103c-1.006 1.765-1.646 3.523-1.828 5.103c-.195 1.69.129 3.274 1.224 4.37c1.095 1.094 2.679 1.418 4.37 1.223c1.579-.182 3.337-.822 5.102-1.828c1.765 1.006 3.523 1.646 5.103 1.828c1.69.195 3.275-.129 4.37-1.224s1.418-2.679 1.223-4.37c-.182-1.579-.822-3.337-1.827-5.102m-1.75 0a23 23 0 0 0-3.178-3.941A23 23 0 0 0 12 4.88a23 23 0 0 0-3.94 3.18A23 23 0 0 0 4.88 12a23 23 0 0 0 3.18 3.942A23 23 0 0 0 12 19.119a23 23 0 0 0 3.941-3.179A23 23 0 0 0 19.12 12m-5.657 7.953a25 25 0 0 0 3.54-2.952a25 25 0 0 0 2.951-3.54c.701 1.378 1.123 2.682 1.253 3.814c.165 1.427-.138 2.481-.794 3.137c-.656.655-1.71.959-3.137.794c-1.131-.13-2.436-.552-3.813-1.253m-2.924 0A25 25 0 0 1 6.998 17a25 25 0 0 1-2.951-3.54c-.7 1.378-1.122 2.682-1.253 3.814c-.164 1.427.139 2.481.794 3.137c.656.655 1.71.958 3.137.794c1.132-.13 2.436-.552 3.813-1.253m-6.491-9.415a25 25 0 0 1 2.952-3.54a25 25 0 0 1 3.54-2.951c-1.379-.7-2.683-1.122-3.815-1.252c-1.427-.165-2.481.138-3.137.794c-.655.655-.959 1.71-.794 3.137c.13 1.131.552 2.436 1.253 3.813M12 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 0 0 0-3.5M8.75 12a3.25 3.25 0 1 1 6.5 0a3.25 3.25 0 0 1-6.5 0" clip-rule="evenodd"/></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%20fill-rule%3D%22evenodd%22%20d%3D%22M13.462%204.047c1.203.822%202.4%201.812%203.54%202.951a25%2025%200%200%201%202.951%203.54c.701-1.377%201.123-2.682%201.253-3.813c.165-1.427-.138-2.482-.794-3.137c-.655-.656-1.71-.96-3.137-.794c-1.131.13-2.436.552-3.813%201.253M20.869%2012c1.005-1.765%201.645-3.524%201.828-5.103c.195-1.69-.13-3.275-1.224-4.37c-1.095-1.095-2.68-1.419-4.37-1.224c-1.58.183-3.338.823-5.103%201.828c-1.765-1.005-3.523-1.645-5.103-1.827c-1.69-.195-3.275.128-4.37%201.223c-1.094%201.095-1.418%202.68-1.223%204.37c.182%201.58.822%203.338%201.828%205.103c-1.006%201.765-1.646%203.523-1.828%205.103c-.195%201.69.129%203.274%201.224%204.37c1.095%201.094%202.679%201.418%204.37%201.223c1.579-.182%203.337-.822%205.102-1.828c1.765%201.006%203.523%201.646%205.103%201.828c1.69.195%203.275-.129%204.37-1.224s1.418-2.679%201.223-4.37c-.182-1.579-.822-3.337-1.827-5.102m-1.75%200a23%2023%200%200%200-3.178-3.941A23%2023%200%200%200%2012%204.88a23%2023%200%200%200-3.94%203.18A23%2023%200%200%200%204.88%2012a23%2023%200%200%200%203.18%203.942A23%2023%200%200%200%2012%2019.119a23%2023%200%200%200%203.941-3.179A23%2023%200%200%200%2019.12%2012m-5.657%207.953a25%2025%200%200%200%203.54-2.952a25%2025%200%200%200%202.951-3.54c.701%201.378%201.123%202.682%201.253%203.814c.165%201.427-.138%202.481-.794%203.137c-.656.655-1.71.959-3.137.794c-1.131-.13-2.436-.552-3.813-1.253m-2.924%200A25%2025%200%200%201%206.998%2017a25%2025%200%200%201-2.951-3.54c-.7%201.378-1.122%202.682-1.253%203.814c-.164%201.427.139%202.481.794%203.137c.656.655%201.71.958%203.137.794c1.132-.13%202.436-.552%203.813-1.253m-6.491-9.415a25%2025%200%200%201%202.952-3.54a25%2025%200%200%201%203.54-2.951c-1.379-.7-2.683-1.122-3.815-1.252c-1.427-.165-2.481.138-3.137.794c-.655.655-.959%201.71-.794%203.137c.13%201.131.552%202.436%201.253%203.813M12%2010.25a1.75%201.75%200%201%200%200%203.5a1.75%201.75%200%200%200%200-3.5M8.75%2012a3.25%203.25%200%201%201%206.5%200a3.25%203.25%200%200%201-6.5%200%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M13.462%204.047c1.203.822%202.4%201.812%203.54%202.951a25%2025%200%200%201%202.951%203.54c.701-1.377%201.123-2.682%201.253-3.813c.165-1.427-.138-2.482-.794-3.137c-.655-.656-1.71-.96-3.137-.794c-1.131.13-2.436.552-3.813%201.253M20.869%2012c1.005-1.765%201.645-3.524%201.828-5.103c.195-1.69-.13-3.275-1.224-4.37c-1.095-1.095-2.68-1.419-4.37-1.224c-1.58.183-3.338.823-5.103%201.828c-1.765-1.005-3.523-1.645-5.103-1.827c-1.69-.195-3.275.128-4.37%201.223c-1.094%201.095-1.418%202.68-1.223%204.37c.182%201.58.822%203.338%201.828%205.103c-1.006%201.765-1.646%203.523-1.828%205.103c-.195%201.69.129%203.274%201.224%204.37c1.095%201.094%202.679%201.418%204.37%201.223c1.579-.182%203.337-.822%205.102-1.828c1.765%201.006%203.523%201.646%205.103%201.828c1.69.195%203.275-.129%204.37-1.224s1.418-2.679%201.223-4.37c-.182-1.579-.822-3.337-1.827-5.102m-1.75%200a23%2023%200%200%200-3.178-3.941A23%2023%200%200%200%2012%204.88a23%2023%200%200%200-3.94%203.18A23%2023%200%200%200%204.88%2012a23%2023%200%200%200%203.18%203.942A23%2023%200%200%200%2012%2019.119a23%2023%200%200%200%203.941-3.179A23%2023%200%200%200%2019.12%2012m-5.657%207.953a25%2025%200%200%200%203.54-2.952a25%2025%200%200%200%202.951-3.54c.701%201.378%201.123%202.682%201.253%203.814c.165%201.427-.138%202.481-.794%203.137c-.656.655-1.71.959-3.137.794c-1.131-.13-2.436-.552-3.813-1.253m-2.924%200A25%2025%200%200%201%206.998%2017a25%2025%200%200%201-2.951-3.54c-.7%201.378-1.122%202.682-1.253%203.814c-.164%201.427.139%202.481.794%203.137c.656.655%201.71.958%203.137.794c1.132-.13%202.436-.552%203.813-1.253m-6.491-9.415a25%2025%200%200%201%202.952-3.54a25%2025%200%200%201%203.54-2.951c-1.379-.7-2.683-1.122-3.815-1.252c-1.427-.165-2.481.138-3.137.794c-.655.655-.959%201.71-.794%203.137c.13%201.131.552%202.436%201.253%203.813M12%2010.25a1.75%201.75%200%201%200%200%203.5a1.75%201.75%200%200%200%200-3.5M8.75%2012a3.25%203.25%200%201%201%206.5%200a3.25%203.25%200%200%201-6.5%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/atom.svg?color=%231a73e8&size=48
