Icono Atomic
logos:atomic
El icono Atomic (logos:atomic) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 99. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 512 × 99
Código SVG
<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>Cómo usar el icono Atomic
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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/atomic.svg" alt="Icono Atomic" width="24" height="24">Iconos relacionados en SVG Logos
El icono Atomic en otras colecciones
Preguntas frecuentes sobre Icono Atomic
¿El icono Atomic es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Atomic en React?
Instala @iconify/react y renderiza <Icon icon="logos:atomic" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Atomic a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/atomic.svg" alt="Icono Atomic">, o pega el código SVG en línea para darle estilo con CSS.