Atomic icon

logos:atomic

The Atomic icon (logos:atomic) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 99 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: 512 × 99

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="99" viewBox="0 0 512 99"><path d="M277.453 29.62c18.816 0 33.025 14.286 33.025 34.204c0 19.792-14.209 34.205-33.025 34.205s-33.025-14.413-33.025-34.205c0-19.918 14.21-34.204 33.025-34.204m204.98 0c16.93 0 26.537 10.878 29.188 21.756l-15.037 5.24c-1.515-5.371-5.436-10.874-13.772-10.874c-8.595 0-15.795 6.421-15.795 18.082c0 11.665 7.33 18.218 15.921 18.218c8.592 0 12.89-5.897 14.278-10.878l14.783 5.113c-2.78 10.743-12.509 21.752-29.06 21.752c-18.324 0-32.728-14.413-32.728-34.205c0-19.918 14.15-34.204 32.221-34.204m-314.471 0c19.847 0 27.224 11.555 27.224 24.553V85.95c0 3.413.382 8.01.764 10.241h-15.52c-.383-1.709-.637-5.254-.637-7.748c-3.181 5.123-9.163 9.585-18.45 9.585c-13.36 0-21.5-9.322-21.5-19.432c0-11.556 8.268-17.99 18.701-19.563l15.397-2.366c3.56-.526 4.705-2.362 4.705-4.593c0-4.597-3.435-8.405-10.56-8.405c-7.38 0-11.452 4.86-11.958 10.504l-15.015-3.282c1.019-10.11 10.051-21.272 26.849-21.272m60.21-16.925v19.099h12.523v15.328H228.17v26.762c0 5.589 2.53 7.406 7.338 7.406c2.023 0 4.3-.26 5.186-.52v14.29c-1.52.651-4.556 1.558-9.488 1.558c-12.147 0-19.735-7.402-19.735-19.743V47.122h-11.26V31.794h3.163c6.578 0 9.614-4.418 9.614-10.133v-8.966zm163.907 17.262c11.702 0 22.892 7.206 22.892 24.5V96.25h-16.59V57.994c0-6.944-3.344-12.182-11.19-12.182c-7.332 0-11.706 5.763-11.706 12.707v37.73H358.51V57.995c0-6.944-3.472-12.182-11.193-12.182c-7.457 0-11.831 5.632-11.831 12.707v37.73H318.38V31.794h16.337v7.859c3.472-6.288 11.573-9.695 18.518-9.695c8.616 0 15.564 3.8 18.776 10.744c5.018-7.859 11.706-10.744 20.067-10.744m49.701 1.779v64.177h-16.335V31.736zm-262.874 35.26l-13.749 2.294c-4.213.675-7.558 3.235-7.558 8.357c0 3.91 2.601 7.685 7.93 7.685c6.935 0 13.377-3.64 13.377-15.367zm98.548-21.861c-8.308 0-15.98 6.155-15.98 18.335c0 12.05 7.672 18.337 15.98 18.337c8.312 0 15.98-6.155 15.98-18.337c0-12.18-7.668-18.335-15.98-18.335M433.613 0c5.779 0 10.298 4.772 10.298 10.71c0 5.675-4.52 10.447-10.298 10.447c-5.654 0-10.298-4.772-10.298-10.448C423.315 4.772 427.959 0 433.613 0"/><path fill="#1e6efa" d="M74.257 96.434H14.614C6.543 96.434 0 89.891 0 81.821c0-8.073 6.542-14.617 14.614-14.622l33.796-.017a15.54 15.54 0 0 1 13.473 7.781z"/><path fill="#ff3c5a" d="M11.071 58.962L40.893 7.31C44.93.32 53.866-2.075 60.856 1.96s9.388 12.974 5.355 19.967L49.328 51.203a15.54 15.54 0 0 1-13.475 7.778z"/><path fill="#ffc5ce" d="m75.208 22.978l29.821 51.653c4.036 6.99 1.641 15.927-5.349 19.963s-15.93 1.643-19.969-5.346L62.8 59.988a15.54 15.54 0 0 1 0-15.558z"/></svg>

How to use the Atomic icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:atomic" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:atomic" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:atomic" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--atomic]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:atomic"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:atomic"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/atomic.svg" alt="Atomic icon" width="24" height="24">

Related icons in SVG Logos

Atomic icon in other icon sets

Atomic icon FAQ

Is the Atomic 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 in React?

Install @iconify/react and render <Icon icon="logos:atomic" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Atomic icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/atomic.svg" alt="Atomic icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →