Icono Atomic Icon
logos:atomic-icon
El icono Atomic Icon (logos:atomic-icon) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 232. 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
- 256 × 232
- Etiquetas
- atomicicon
Código SVG
<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>Cómo usar el icono Atomic 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/atomic-icon.svg" alt="Icono Atomic Icon" width="24" height="24">Iconos relacionados en SVG Logos
Preguntas frecuentes sobre Icono Atomic Icon
¿El icono Atomic Icon 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 Icon en React?
Instala @iconify/react y renderiza <Icon icon="logos:atomic-icon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Atomic Icon a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/atomic-icon.svg" alt="Icono Atomic Icon">, o pega el código SVG en línea para darle estilo con CSS.