atom icon
atom-filled from Reicon by REICON · Filled · Astronomy · MIT Free for personal and commercial use.
- Name
- atom-filled
- Set
- Reicon
- Style
- Filled
- 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"><g fill="currentColor"><path d="M17.002 6.998a25 25 0 0 0-3.54-2.952c1.377-.7 2.682-1.122 3.813-1.253c1.427-.165 2.482.139 3.137.794c.656.656.96 1.71.794 3.137c-.13 1.132-.552 2.436-1.253 3.814a25 25 0 0 0-2.951-3.54"/><path fill-rule="evenodd" d="M15.941 8.059a23 23 0 0 1 3.179 3.94a23 23 0 0 1-3.179 3.941a23 23 0 0 1-3.94 3.179a23 23 0 0 1-3.942-3.179A23 23 0 0 1 4.881 12A23 23 0 0 1 8.06 8.057A23 23 0 0 1 12 4.88a23 23 0 0 1 3.941 3.179M12 14.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5" clip-rule="evenodd"/><path d="M13.462 19.953A25 25 0 0 0 17.002 17a25 25 0 0 0 2.951-3.54c.701 1.378 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-.551-3.813-1.252M6.999 17a25 25 0 0 0 3.54 2.953c-1.378.7-2.682 1.122-3.814 1.252c-1.427.165-2.48-.138-3.136-.794c-.656-.655-.96-1.71-.795-3.137c.13-1.131.552-2.435 1.253-3.813A25 25 0 0 0 7 17.001m-2.953-6.463A25 25 0 0 1 7 6.998a25 25 0 0 1 3.54-2.952c-1.378-.7-2.682-1.122-3.814-1.253c-1.427-.164-2.481.139-3.137.794c-.655.656-.959 1.71-.794 3.138c.13 1.131.552 2.435 1.253 3.813"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconAtomFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.002 6.998a25 25 0 0 0-3.54-2.952c1.377-.7 2.682-1.122 3.813-1.253c1.427-.165 2.482.139 3.137.794c.656.656.96 1.71.794 3.137c-.13 1.132-.552 2.436-1.253 3.814a25 25 0 0 0-2.951-3.54"/><path fillRule="evenodd" d="M15.941 8.059a23 23 0 0 1 3.179 3.94a23 23 0 0 1-3.179 3.941a23 23 0 0 1-3.94 3.179a23 23 0 0 1-3.942-3.179A23 23 0 0 1 4.881 12A23 23 0 0 1 8.06 8.057A23 23 0 0 1 12 4.88a23 23 0 0 1 3.941 3.179M12 14.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5" clipRule="evenodd"/><path d="M13.462 19.953A25 25 0 0 0 17.002 17a25 25 0 0 0 2.951-3.54c.701 1.378 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-.551-3.813-1.252M6.999 17a25 25 0 0 0 3.54 2.953c-1.378.7-2.682 1.122-3.814 1.252c-1.427.165-2.48-.138-3.136-.794c-.656-.655-.96-1.71-.795-3.137c.13-1.131.552-2.435 1.253-3.813A25 25 0 0 0 7 17.001m-2.953-6.463A25 25 0 0 1 7 6.998a25 25 0 0 1 3.54-2.952c-1.378-.7-2.682-1.122-3.814-1.253c-1.427-.164-2.481.139-3.137.794c-.655.656-.959 1.71-.794 3.138c.13 1.131.552 2.435 1.253 3.813"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.002 6.998a25 25 0 0 0-3.54-2.952c1.377-.7 2.682-1.122 3.813-1.253c1.427-.165 2.482.139 3.137.794c.656.656.96 1.71.794 3.137c-.13 1.132-.552 2.436-1.253 3.814a25 25 0 0 0-2.951-3.54"/><path fill-rule="evenodd" d="M15.941 8.059a23 23 0 0 1 3.179 3.94a23 23 0 0 1-3.179 3.941a23 23 0 0 1-3.94 3.179a23 23 0 0 1-3.942-3.179A23 23 0 0 1 4.881 12A23 23 0 0 1 8.06 8.057A23 23 0 0 1 12 4.88a23 23 0 0 1 3.941 3.179M12 14.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5" clip-rule="evenodd"/><path d="M13.462 19.953A25 25 0 0 0 17.002 17a25 25 0 0 0 2.951-3.54c.701 1.378 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-.551-3.813-1.252M6.999 17a25 25 0 0 0 3.54 2.953c-1.378.7-2.682 1.122-3.814 1.252c-1.427.165-2.48-.138-3.136-.794c-.656-.655-.96-1.71-.795-3.137c.13-1.131.552-2.435 1.253-3.813A25 25 0 0 0 7 17.001m-2.953-6.463A25 25 0 0 1 7 6.998a25 25 0 0 1 3.54-2.952c-1.378-.7-2.682-1.122-3.814-1.253c-1.427-.164-2.481.139-3.137.794c-.655.656-.959 1.71-.794 3.138c.13 1.131.552 2.435 1.253 3.813"/></g></svg> </template>
CSS
.icon-atom-filled {
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%22currentColor%22%3E%3Cpath%20d%3D%22M17.002%206.998a25%2025%200%200%200-3.54-2.952c1.377-.7%202.682-1.122%203.813-1.253c1.427-.165%202.482.139%203.137.794c.656.656.96%201.71.794%203.137c-.13%201.132-.552%202.436-1.253%203.814a25%2025%200%200%200-2.951-3.54%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15.941%208.059a23%2023%200%200%201%203.179%203.94a23%2023%200%200%201-3.179%203.941a23%2023%200%200%201-3.94%203.179a23%2023%200%200%201-3.942-3.179A23%2023%200%200%201%204.881%2012A23%2023%200%200%201%208.06%208.057A23%2023%200%200%201%2012%204.88a23%2023%200%200%201%203.941%203.179M12%2014.5a2.5%202.5%200%201%200%200-5a2.5%202.5%200%200%200%200%205%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M13.462%2019.953A25%2025%200%200%200%2017.002%2017a25%2025%200%200%200%202.951-3.54c.701%201.378%201.123%202.682%201.253%203.813c.165%201.427-.138%202.482-.794%203.137c-.655.656-1.71.96-3.137.794c-1.131-.13-2.436-.551-3.813-1.252M6.999%2017a25%2025%200%200%200%203.54%202.953c-1.378.7-2.682%201.122-3.814%201.252c-1.427.165-2.48-.138-3.136-.794c-.656-.655-.96-1.71-.795-3.137c.13-1.131.552-2.435%201.253-3.813A25%2025%200%200%200%207%2017.001m-2.953-6.463A25%2025%200%200%201%207%206.998a25%2025%200%200%201%203.54-2.952c-1.378-.7-2.682-1.122-3.814-1.253c-1.427-.164-2.481.139-3.137.794c-.655.656-.959%201.71-.794%203.138c.13%201.131.552%202.435%201.253%203.813%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%22currentColor%22%3E%3Cpath%20d%3D%22M17.002%206.998a25%2025%200%200%200-3.54-2.952c1.377-.7%202.682-1.122%203.813-1.253c1.427-.165%202.482.139%203.137.794c.656.656.96%201.71.794%203.137c-.13%201.132-.552%202.436-1.253%203.814a25%2025%200%200%200-2.951-3.54%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15.941%208.059a23%2023%200%200%201%203.179%203.94a23%2023%200%200%201-3.179%203.941a23%2023%200%200%201-3.94%203.179a23%2023%200%200%201-3.942-3.179A23%2023%200%200%201%204.881%2012A23%2023%200%200%201%208.06%208.057A23%2023%200%200%201%2012%204.88a23%2023%200%200%201%203.941%203.179M12%2014.5a2.5%202.5%200%201%200%200-5a2.5%202.5%200%200%200%200%205%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M13.462%2019.953A25%2025%200%200%200%2017.002%2017a25%2025%200%200%200%202.951-3.54c.701%201.378%201.123%202.682%201.253%203.813c.165%201.427-.138%202.482-.794%203.137c-.655.656-1.71.96-3.137.794c-1.131-.13-2.436-.551-3.813-1.252M6.999%2017a25%2025%200%200%200%203.54%202.953c-1.378.7-2.682%201.122-3.814%201.252c-1.427.165-2.48-.138-3.136-.794c-.656-.655-.96-1.71-.795-3.137c.13-1.131.552-2.435%201.253-3.813A25%2025%200%200%200%207%2017.001m-2.953-6.463A25%2025%200%200%201%207%206.998a25%2025%200%200%201%203.54-2.952c-1.378-.7-2.682-1.122-3.814-1.253c-1.427-.164-2.481.139-3.137.794c-.655.656-.959%201.71-.794%203.138c.13%201.131.552%202.435%201.253%203.813%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/atom-filled.svg?color=%231a73e8&size=48
