atom logo
atom from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- atom
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
atomBoxIcons v2atomDeviconatomFont Awesome 6 SolidatomFont Awesome Solidatom-outlineFlowbite IconsatomIconoiratomLine AwesomeatomSVG LogosatomLucideatomMaterial Design IconsatomMyna UI IconsatomPhosphoratom-fillRemix IconatomSimple IconsatomSkill Iconsatom-boldSolaratomTabler IconsatomWeb3 IconsatomWeb3 Icons BrandedatomUnicons
Use the atom logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.328 12.036c-2.912-1.239-6.823-2.041-11-2.26a32 32 0 0 0-1.932-.057c3.088-3.771 6.401-6.303 8.583-6.385q.644-.022 1.084.26c.943.615 1.203 2.36.724 4.787c-.052.333.161.661.479.724a.61.61 0 0 0 .724-.479c.599-3.041.156-5.131-1.255-6.052c-.505-.333-1.12-.491-1.803-.464c-2.729.104-6.583 3.068-10.12 7.631a35 35 0 0 0-4.307.38c-.86-3.865-.521-6.636.792-7.303c.181-.099.38-.145.609-.167c.932-.072 2.213.527 3.615 1.693c.26.213.645.187.859-.079a.606.606 0 0 0-.077-.859c-1.683-1.391-3.229-2.073-4.496-1.98a3 3 0 0 0-1.072.292c-1.589.812-2.224 3.104-1.828 6.453c.093.692.213 1.416.391 2.156c-4.376.875-7.161 2.631-7.281 4.833c-.084 1.563 1.151 3.047 3.572 4.297a.61.61 0 0 0 .824-.265a.607.607 0 0 0-.267-.824c-1.932-.995-2.973-2.115-2.911-3.14c.068-1.443 2.364-2.923 6.349-3.708a36 36 0 0 0 1.4 4.119c-1.359 2.516-2.344 4.996-2.848 7.199c-.751 3.287-.349 5.631 1.145 6.599c.479.312 1.036.469 1.661.469c1.245 0 2.755-.615 4.464-1.833a.611.611 0 1 0-.71-.995c-2.057 1.473-3.791 1.963-4.749 1.337c-1.011-.661-1.235-2.588-.609-5.301c.421-1.849 1.208-3.907 2.276-6.027q.4.875.839 1.751c1.901 3.729 4.229 6.968 6.547 9.131c1.849 1.719 3.568 2.615 4.979 2.615c.469 0 .907-.1 1.303-.297c1.525-.781 2.188-2.948 1.864-6.099c-.296-2.953-1.411-6.548-3.14-10.136a.614.614 0 0 0-.812-.287a.614.614 0 0 0-.292.819c3.583 7.468 3.839 13.583 1.828 14.609c-2.125 1.088-7.235-3.141-11.188-10.907a36 36 0 0 1-1.203-2.573c.453-.807.932-1.625 1.464-2.437a44 44 0 0 1 1.629-2.328h.527c.719 0 1.5.016 2.312.063c8.703.459 14.631 3.416 14.511 5.781c-.052 1.02-1.235 2.052-3.235 2.828a.612.612 0 0 0 .443 1.14c2.541-.984 3.937-2.339 4.016-3.905c.093-1.772-1.557-3.48-4.667-4.803v-.011zm-16.557.563a39 39 0 0 0-1.016 1.661a31 31 0 0 1-.963-2.953a33 33 0 0 1 3.077-.323a33 33 0 0 0-1.093 1.615v-.015zm5.234 1.568c-2.443 0-2.443 3.667 0 3.667c2.448 0 2.448-3.667 0-3.667"/></svg>
React
import type { SVGProps } from "react";
export function CibAtom(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.328 12.036c-2.912-1.239-6.823-2.041-11-2.26a32 32 0 0 0-1.932-.057c3.088-3.771 6.401-6.303 8.583-6.385q.644-.022 1.084.26c.943.615 1.203 2.36.724 4.787c-.052.333.161.661.479.724a.61.61 0 0 0 .724-.479c.599-3.041.156-5.131-1.255-6.052c-.505-.333-1.12-.491-1.803-.464c-2.729.104-6.583 3.068-10.12 7.631a35 35 0 0 0-4.307.38c-.86-3.865-.521-6.636.792-7.303c.181-.099.38-.145.609-.167c.932-.072 2.213.527 3.615 1.693c.26.213.645.187.859-.079a.606.606 0 0 0-.077-.859c-1.683-1.391-3.229-2.073-4.496-1.98a3 3 0 0 0-1.072.292c-1.589.812-2.224 3.104-1.828 6.453c.093.692.213 1.416.391 2.156c-4.376.875-7.161 2.631-7.281 4.833c-.084 1.563 1.151 3.047 3.572 4.297a.61.61 0 0 0 .824-.265a.607.607 0 0 0-.267-.824c-1.932-.995-2.973-2.115-2.911-3.14c.068-1.443 2.364-2.923 6.349-3.708a36 36 0 0 0 1.4 4.119c-1.359 2.516-2.344 4.996-2.848 7.199c-.751 3.287-.349 5.631 1.145 6.599c.479.312 1.036.469 1.661.469c1.245 0 2.755-.615 4.464-1.833a.611.611 0 1 0-.71-.995c-2.057 1.473-3.791 1.963-4.749 1.337c-1.011-.661-1.235-2.588-.609-5.301c.421-1.849 1.208-3.907 2.276-6.027q.4.875.839 1.751c1.901 3.729 4.229 6.968 6.547 9.131c1.849 1.719 3.568 2.615 4.979 2.615c.469 0 .907-.1 1.303-.297c1.525-.781 2.188-2.948 1.864-6.099c-.296-2.953-1.411-6.548-3.14-10.136a.614.614 0 0 0-.812-.287a.614.614 0 0 0-.292.819c3.583 7.468 3.839 13.583 1.828 14.609c-2.125 1.088-7.235-3.141-11.188-10.907a36 36 0 0 1-1.203-2.573c.453-.807.932-1.625 1.464-2.437a44 44 0 0 1 1.629-2.328h.527c.719 0 1.5.016 2.312.063c8.703.459 14.631 3.416 14.511 5.781c-.052 1.02-1.235 2.052-3.235 2.828a.612.612 0 0 0 .443 1.14c2.541-.984 3.937-2.339 4.016-3.905c.093-1.772-1.557-3.48-4.667-4.803v-.011zm-16.557.563a39 39 0 0 0-1.016 1.661a31 31 0 0 1-.963-2.953a33 33 0 0 1 3.077-.323a33 33 0 0 0-1.093 1.615v-.015zm5.234 1.568c-2.443 0-2.443 3.667 0 3.667c2.448 0 2.448-3.667 0-3.667"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M27.328 12.036c-2.912-1.239-6.823-2.041-11-2.26a32 32 0 0 0-1.932-.057c3.088-3.771 6.401-6.303 8.583-6.385q.644-.022 1.084.26c.943.615 1.203 2.36.724 4.787c-.052.333.161.661.479.724a.61.61 0 0 0 .724-.479c.599-3.041.156-5.131-1.255-6.052c-.505-.333-1.12-.491-1.803-.464c-2.729.104-6.583 3.068-10.12 7.631a35 35 0 0 0-4.307.38c-.86-3.865-.521-6.636.792-7.303c.181-.099.38-.145.609-.167c.932-.072 2.213.527 3.615 1.693c.26.213.645.187.859-.079a.606.606 0 0 0-.077-.859c-1.683-1.391-3.229-2.073-4.496-1.98a3 3 0 0 0-1.072.292c-1.589.812-2.224 3.104-1.828 6.453c.093.692.213 1.416.391 2.156c-4.376.875-7.161 2.631-7.281 4.833c-.084 1.563 1.151 3.047 3.572 4.297a.61.61 0 0 0 .824-.265a.607.607 0 0 0-.267-.824c-1.932-.995-2.973-2.115-2.911-3.14c.068-1.443 2.364-2.923 6.349-3.708a36 36 0 0 0 1.4 4.119c-1.359 2.516-2.344 4.996-2.848 7.199c-.751 3.287-.349 5.631 1.145 6.599c.479.312 1.036.469 1.661.469c1.245 0 2.755-.615 4.464-1.833a.611.611 0 1 0-.71-.995c-2.057 1.473-3.791 1.963-4.749 1.337c-1.011-.661-1.235-2.588-.609-5.301c.421-1.849 1.208-3.907 2.276-6.027q.4.875.839 1.751c1.901 3.729 4.229 6.968 6.547 9.131c1.849 1.719 3.568 2.615 4.979 2.615c.469 0 .907-.1 1.303-.297c1.525-.781 2.188-2.948 1.864-6.099c-.296-2.953-1.411-6.548-3.14-10.136a.614.614 0 0 0-.812-.287a.614.614 0 0 0-.292.819c3.583 7.468 3.839 13.583 1.828 14.609c-2.125 1.088-7.235-3.141-11.188-10.907a36 36 0 0 1-1.203-2.573c.453-.807.932-1.625 1.464-2.437a44 44 0 0 1 1.629-2.328h.527c.719 0 1.5.016 2.312.063c8.703.459 14.631 3.416 14.511 5.781c-.052 1.02-1.235 2.052-3.235 2.828a.612.612 0 0 0 .443 1.14c2.541-.984 3.937-2.339 4.016-3.905c.093-1.772-1.557-3.48-4.667-4.803v-.011zm-16.557.563a39 39 0 0 0-1.016 1.661a31 31 0 0 1-.963-2.953a33 33 0 0 1 3.077-.323a33 33 0 0 0-1.093 1.615v-.015zm5.234 1.568c-2.443 0-2.443 3.667 0 3.667c2.448 0 2.448-3.667 0-3.667"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.328%2012.036c-2.912-1.239-6.823-2.041-11-2.26a32%2032%200%200%200-1.932-.057c3.088-3.771%206.401-6.303%208.583-6.385q.644-.022%201.084.26c.943.615%201.203%202.36.724%204.787c-.052.333.161.661.479.724a.61.61%200%200%200%20.724-.479c.599-3.041.156-5.131-1.255-6.052c-.505-.333-1.12-.491-1.803-.464c-2.729.104-6.583%203.068-10.12%207.631a35%2035%200%200%200-4.307.38c-.86-3.865-.521-6.636.792-7.303c.181-.099.38-.145.609-.167c.932-.072%202.213.527%203.615%201.693c.26.213.645.187.859-.079a.606.606%200%200%200-.077-.859c-1.683-1.391-3.229-2.073-4.496-1.98a3%203%200%200%200-1.072.292c-1.589.812-2.224%203.104-1.828%206.453c.093.692.213%201.416.391%202.156c-4.376.875-7.161%202.631-7.281%204.833c-.084%201.563%201.151%203.047%203.572%204.297a.61.61%200%200%200%20.824-.265a.607.607%200%200%200-.267-.824c-1.932-.995-2.973-2.115-2.911-3.14c.068-1.443%202.364-2.923%206.349-3.708a36%2036%200%200%200%201.4%204.119c-1.359%202.516-2.344%204.996-2.848%207.199c-.751%203.287-.349%205.631%201.145%206.599c.479.312%201.036.469%201.661.469c1.245%200%202.755-.615%204.464-1.833a.611.611%200%201%200-.71-.995c-2.057%201.473-3.791%201.963-4.749%201.337c-1.011-.661-1.235-2.588-.609-5.301c.421-1.849%201.208-3.907%202.276-6.027q.4.875.839%201.751c1.901%203.729%204.229%206.968%206.547%209.131c1.849%201.719%203.568%202.615%204.979%202.615c.469%200%20.907-.1%201.303-.297c1.525-.781%202.188-2.948%201.864-6.099c-.296-2.953-1.411-6.548-3.14-10.136a.614.614%200%200%200-.812-.287a.614.614%200%200%200-.292.819c3.583%207.468%203.839%2013.583%201.828%2014.609c-2.125%201.088-7.235-3.141-11.188-10.907a36%2036%200%200%201-1.203-2.573c.453-.807.932-1.625%201.464-2.437a44%2044%200%200%201%201.629-2.328h.527c.719%200%201.5.016%202.312.063c8.703.459%2014.631%203.416%2014.511%205.781c-.052%201.02-1.235%202.052-3.235%202.828a.612.612%200%200%200%20.443%201.14c2.541-.984%203.937-2.339%204.016-3.905c.093-1.772-1.557-3.48-4.667-4.803v-.011zm-16.557.563a39%2039%200%200%200-1.016%201.661a31%2031%200%200%201-.963-2.953a33%2033%200%200%201%203.077-.323a33%2033%200%200%200-1.093%201.615v-.015zm5.234%201.568c-2.443%200-2.443%203.667%200%203.667c2.448%200%202.448-3.667%200-3.667%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M27.328%2012.036c-2.912-1.239-6.823-2.041-11-2.26a32%2032%200%200%200-1.932-.057c3.088-3.771%206.401-6.303%208.583-6.385q.644-.022%201.084.26c.943.615%201.203%202.36.724%204.787c-.052.333.161.661.479.724a.61.61%200%200%200%20.724-.479c.599-3.041.156-5.131-1.255-6.052c-.505-.333-1.12-.491-1.803-.464c-2.729.104-6.583%203.068-10.12%207.631a35%2035%200%200%200-4.307.38c-.86-3.865-.521-6.636.792-7.303c.181-.099.38-.145.609-.167c.932-.072%202.213.527%203.615%201.693c.26.213.645.187.859-.079a.606.606%200%200%200-.077-.859c-1.683-1.391-3.229-2.073-4.496-1.98a3%203%200%200%200-1.072.292c-1.589.812-2.224%203.104-1.828%206.453c.093.692.213%201.416.391%202.156c-4.376.875-7.161%202.631-7.281%204.833c-.084%201.563%201.151%203.047%203.572%204.297a.61.61%200%200%200%20.824-.265a.607.607%200%200%200-.267-.824c-1.932-.995-2.973-2.115-2.911-3.14c.068-1.443%202.364-2.923%206.349-3.708a36%2036%200%200%200%201.4%204.119c-1.359%202.516-2.344%204.996-2.848%207.199c-.751%203.287-.349%205.631%201.145%206.599c.479.312%201.036.469%201.661.469c1.245%200%202.755-.615%204.464-1.833a.611.611%200%201%200-.71-.995c-2.057%201.473-3.791%201.963-4.749%201.337c-1.011-.661-1.235-2.588-.609-5.301c.421-1.849%201.208-3.907%202.276-6.027q.4.875.839%201.751c1.901%203.729%204.229%206.968%206.547%209.131c1.849%201.719%203.568%202.615%204.979%202.615c.469%200%20.907-.1%201.303-.297c1.525-.781%202.188-2.948%201.864-6.099c-.296-2.953-1.411-6.548-3.14-10.136a.614.614%200%200%200-.812-.287a.614.614%200%200%200-.292.819c3.583%207.468%203.839%2013.583%201.828%2014.609c-2.125%201.088-7.235-3.141-11.188-10.907a36%2036%200%200%201-1.203-2.573c.453-.807.932-1.625%201.464-2.437a44%2044%200%200%201%201.629-2.328h.527c.719%200%201.5.016%202.312.063c8.703.459%2014.631%203.416%2014.511%205.781c-.052%201.02-1.235%202.052-3.235%202.828a.612.612%200%200%200%20.443%201.14c2.541-.984%203.937-2.339%204.016-3.905c.093-1.772-1.557-3.48-4.667-4.803v-.011zm-16.557.563a39%2039%200%200%200-1.016%201.661a31%2031%200%200%201-.963-2.953a33%2033%200%200%201%203.077-.323a33%2033%200%200%200-1.093%201.615v-.015zm5.234%201.568c-2.443%200-2.443%203.667%200%203.667c2.448%200%202.448-3.667%200-3.667%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/atom.svg?color=%231a73e8&size=48
