Atomic Icon icon
logos:atomic-icon
The Atomic Icon icon (logos:atomic-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 232 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 232
- Tags
- atomicicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="232" viewBox="0 0 256 232"><path fill="#1e6efa" d="M177.68 230.745H34.967C15.655 230.745 0 215.089 0 195.778c0-19.315 15.653-34.976 34.967-34.986l80.866-.04a37.19 37.19 0 0 1 32.238 18.617z"/><path fill="#ff3c5a" d="M26.491 141.083L97.848 17.489C107.504.765 128.889-4.965 145.614 4.691c16.727 9.657 22.463 31.043 12.815 47.775l-40.399 70.052a37.19 37.19 0 0 1-32.242 18.61z"/><path fill="#ffc5ce" d="m179.954 54.98l71.357 123.594c9.657 16.725 3.926 38.11-12.799 47.767s-38.116 3.931-47.78-12.79l-40.47-70.012a37.19 37.19 0 0 1 .005-37.228z"/></svg>How to use the Atomic Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:atomic-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:atomic-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:atomic-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--atomic-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:atomic-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:atomic-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/atomic-icon.svg" alt="Atomic Icon icon" width="24" height="24">Related icons in SVG Logos
Atomic Icon icon FAQ
Is the Atomic Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Atomic Icon icon in React?
Install @iconify/react and render <Icon icon="logos:atomic-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Atomic Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/atomic-icon.svg" alt="Atomic Icon icon">, or paste the SVG code inline to style it with CSS.