Atom Symbol icon
openmoji:atom-symbol
The Atom Symbol icon (openmoji:atom-symbol) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Symbols
- Tags
- atomsymbol
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#92d3f5" stroke="#92d3f5" stroke-linejoin="round" stroke-miterlimit="10"><path stroke-width="1.8" d="M28.127 22.764a70 70 0 0 0-.848 7.426c-3.347 1.87-6.345 3.846-8.867 5.81c-6.16-4.8-9.46-9.53-8.077-12.435c1.57-3.3 8.693-3.405 17.792-.801zm34.515 25.671c-1.57 3.3-8.693 3.405-17.804.802a76 76 0 0 1-8.344-2.952a76 76 0 0 1-4.044-1.79a89 89 0 0 1-5.171-2.673a86 86 0 0 1 0-11.632a89 89 0 0 1 5.171-2.673a76 76 0 0 1 4.044-1.801a92 92 0 0 1 4.033 1.8a82 82 0 0 1 5.16 2.662a86 86 0 0 1 0 11.656c3.358-1.883 6.356-3.858 8.878-5.834c6.16 4.8 9.46 9.53 8.077 12.435z"/><path stroke-width="1.8" d="M44.838 49.236c-1.545 9.344-4.706 15.724-8.355 15.724s-6.81-6.38-8.356-15.724c2.65-.755 5.462-1.743 8.367-2.951a76 76 0 0 0 8.344 2.951zm0-26.472a76 76 0 0 0-8.344 2.951c-2.905-1.208-5.717-2.196-8.367-2.951C29.684 13.42 32.834 7.04 36.483 7.04s6.798 6.38 8.355 15.724z"/><path stroke-width="2" d="M36.494 25.715a76 76 0 0 0-4.044 1.802a89 89 0 0 0-5.171 2.673a70 70 0 0 1 .848-7.426c2.65.755 5.462 1.743 8.367 2.951z"/><path stroke-width="2" d="M45.884 36c0 1.999-.07 3.951-.197 5.834a69 69 0 0 1-.849 7.402a76 76 0 0 1-8.344-2.951a76 76 0 0 1-4.044-1.79a89 89 0 0 1-5.171-2.673a86 86 0 0 1 0-11.633a89 89 0 0 1 5.171-2.672a76 76 0 0 1 4.044-1.802a92 92 0 0 1 4.033 1.802a82 82 0 0 1 5.16 2.66c.127 1.883.197 3.824.197 5.823z"/><path stroke-width="2" d="M36.494 46.285c-2.905 1.208-5.717 2.196-8.367 2.951a70 70 0 0 1-.848-7.414a89 89 0 0 0 5.171 2.673q2.04.973 4.044 1.79z"/><path stroke-width="1.8" d="M28.127 49.236c-9.11 2.604-16.223 2.487-17.792-.801C8.952 45.529 12.253 40.8 18.412 36c2.522 1.976 5.52 3.951 8.867 5.822a70 70 0 0 0 .848 7.414z"/><path stroke-width="2" d="M27.081 36c0 1.999.07 3.94.198 5.822c-3.347-1.87-6.345-3.846-8.867-5.822c2.522-1.964 5.52-3.94 8.867-5.81A85 85 0 0 0 27.08 36zm18.606-5.822a82 82 0 0 0-5.16-2.661a92 92 0 0 0-4.033-1.802a76 76 0 0 1 8.344-2.952c.395 2.302.686 4.8.849 7.415z"/><path stroke-width="1.8" d="M54.565 36c-2.522-1.964-5.52-3.94-8.878-5.822a70 70 0 0 0-.849-7.414c9.111-2.604 16.235-2.499 17.804.801c1.383 2.906-1.918 7.636-8.077 12.435z"/><path stroke-width="2" d="M45.687 41.834a86 86 0 0 0 0-11.656c3.358 1.882 6.356 3.858 8.878 5.822c-2.522 1.976-5.52 3.951-8.878 5.834z"/><path stroke-width="2" d="M45.884 36c0 1.999-.07 3.951-.197 5.834a82 82 0 0 1-5.16 2.661a91 91 0 0 1-4.033 1.79a76 76 0 0 1-4.044-1.79a89 89 0 0 1-5.171-2.673a86 86 0 0 1 0-11.633a89 89 0 0 1 5.171-2.672a76 76 0 0 1 4.044-1.802a92 92 0 0 1 4.033 1.802a82 82 0 0 1 5.16 2.66c.127 1.883.197 3.824.197 5.823z"/></g><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><path stroke-linejoin="round" d="M18.412 36c-6.16-4.8-9.46-9.53-8.077-12.435c1.57-3.3 8.693-3.405 17.792-.802M54.565 36c6.16 4.8 9.46 9.53 8.077 12.435c-1.57 3.3-8.693 3.405-17.804.802a76 76 0 0 1-8.344-2.952a76 76 0 0 1-4.044-1.79a89 89 0 0 1-5.171-2.673"/><path stroke-linecap="round" stroke-linejoin="round" d="M44.092 53c-1.7 7.251-4.474 11.96-7.61 11.96c-3.648 0-6.81-6.38-8.355-15.723l-.484-2.346m1.284-28.101c1.709-7.132 4.451-11.75 7.556-11.75c3.649 0 6.798 6.38 8.355 15.724"/><path stroke-linejoin="round" d="M28.127 22.764c2.65.755 5.462 1.743 8.367 2.951m8.344 23.521a76 76 0 0 1-8.344-2.951a76 76 0 0 1-4.044-1.79a89 89 0 0 1-5.171-2.673"/><path stroke-linecap="round" stroke-linejoin="round" d="M45.868 34.35a86 86 0 0 1-.181 7.484q-.08 1.286-.2 2.528m-21.769 5.955c-6.937 1.394-12.078.854-13.383-1.882c-1.106-2.323.782-5.812 4.731-9.57"/><path stroke-linejoin="round" d="M27.134 41.74c-3.289-1.846-6.237-3.793-8.722-5.74m8.867 5.822l-.145-.081"/><path stroke-linecap="round" stroke-linejoin="round" d="M44.838 22.764q.207 1.206.375 2.477m3.917-3.535c7-1.426 12.2-.902 13.512 1.86c1.063 2.234-.644 5.549-4.292 9.144M54.565 36c-2.522-1.964-5.52-3.94-8.878-5.822"/><path stroke-linejoin="round" d="M45.687 30.178c3.358 1.882 6.356 3.858 8.878 5.822"/><path stroke-linecap="round" stroke-linejoin="round" d="M41.666 43.947q-.423.21-.858.415"/><path stroke-linejoin="round" d="M36.494 25.715a92 92 0 0 1 4.033 1.802a82 82 0 0 1 5.16 2.66"/><path stroke-linecap="round" stroke-linejoin="round" d="M27.09 36.723a152 152 0 0 1 .189-9.428"/><path stroke-linejoin="round" d="M36.494 46.285a76 76 0 0 1-4.044-1.79a89 89 0 0 1-5.171-2.673"/><circle cx="36.826" cy="36.327" r="3.263"/><path stroke-linecap="round" stroke-linejoin="round" d="M31.61 48.364s.338-.06.97-.329m17.122-8.068s1.404-.897 1.646-1.103M31.707 27.295q-.425.215-.849.443m-8.637 5.03s.228-.239.814-.59m16.718-8.976s1.614-.59 1.944-.661"/></g></svg>How to use the Atom Symbol icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:atom-symbol" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:atom-symbol" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:atom-symbol" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--atom-symbol]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:atom-symbol"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:atom-symbol"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/atom-symbol.svg" alt="Atom Symbol icon" width="24" height="24">Related icons in OpenMoji
Atom Symbol icon in other icon sets
Atom Symbol icon FAQ
Is the Atom Symbol icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Atom Symbol icon in React?
Install @iconify/react and render <Icon icon="openmoji:atom-symbol" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Atom Symbol icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/atom-symbol.svg" alt="Atom Symbol icon">, or paste the SVG code inline to style it with CSS.