Icono Atom

skill-icons:atom

El icono Atom (skill-icons:atom) es un icono SVG gratuito de la colección Skill Icons de tandpfun. Está dibujado en una cuadrícula de 256 × 256. Skill Icons se publican bajo la licencia MIT, 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: Skill Icons
Autor: tandpfun
Licencia: MIT
Tamaño: 256 × 256

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><rect width="256" height="256" fill="url(#SVGJ5N5Ecfn)" rx="60"/><path fill="#f2f8f6" d="M95.904 106.851a264 264 0 0 0-4.711 7.541a195 195 0 0 1-4.354-13.443a195 195 0 0 1 14.03-1.475a270 270 0 0 0-4.965 7.377m121.867 8.832c-4.883-4.686-11.864-8.981-20.747-12.765c-17.636-7.51-41.258-12.377-66.517-13.701c-3.046-.16-6.019-.27-8.896-.328c19.284-23.017 37.909-35.265 48.755-35.676c2.297-.088 4.225.366 5.736 1.348c5.076 3.299 6.485 13.532 3.767 27.372a5.043 5.043 0 0 0 9.895 1.943c4.671-23.794-1.864-33.672-8.167-37.77c-3.289-2.138-7.199-3.137-11.614-2.97c-16.683.635-40.06 18.425-61.391 45.85c-8.445.292-16.586 1.02-24.203 2.159c-.835-3.883-1.481-7.645-1.92-11.251c-1.912-15.767.434-26.959 6.277-29.939c.939-.478 1.964-.754 3.136-.842c5.22-.392 12.586 3.116 20.727 9.877a5.041 5.041 0 1 0 6.442-7.757c-10.456-8.684-19.85-12.78-27.924-12.174c-2.496.187-4.838.831-6.962 1.914c-5.427 2.768-9.136 8.068-11.023 15.753c-1.617 6.58-1.846 14.784-.681 24.382c.46 3.796 1.134 7.747 2.002 11.814c-5.955 1.254-11.473 2.784-16.42 4.571c-21.642 7.817-26.638 18.122-27.019 25.391c-.363 6.943 3.19 17.275 22.185 27.07a5.041 5.041 0 1 0 4.621-8.961c-10.926-5.635-17.027-12.043-16.737-17.583c.409-7.804 13.49-16.063 35.772-20.717c2.064 7.453 4.715 15.196 7.894 23.047c-8.009 15.032-13.852 29.848-16.882 43.028c-2.166 9.416-2.798 17.592-1.881 24.301c1.07 7.835 4.205 13.491 9.313 16.812c2.605 1.693 6.115 3.017 10.726 3.017c6.686-.001 15.686-2.786 27.582-11.271a5.041 5.041 0 1 0-5.854-8.209c-11.727 8.364-21.805 11.358-26.96 8.009c-5.496-3.572-6.655-14.937-3.1-30.401c2.357-10.253 6.564-21.617 12.268-33.331a262 262 0 0 0 3.88 7.952c11.481 22.554 25.536 42.176 39.576 55.253c7.071 6.585 13.834 11.222 20.099 13.781c3.803 1.553 7.374 2.329 10.688 2.329c3.068 0 5.918-.666 8.526-1.996c5.235-2.67 8.876-7.705 10.82-14.965c1.666-6.219 2.04-13.975 1.114-23.056c-1.824-17.854-8.571-39.628-18.998-61.314a5.041 5.041 0 0 0-9.086 4.369c9.934 20.661 16.345 41.248 18.052 57.969c1.502 14.706-.922 25.18-6.482 28.015c-5.839 2.977-16.253-1.699-27.861-12.51c-13.199-12.293-26.503-30.921-37.464-52.448a250 250 0 0 1-6.914-14.75a250 250 0 0 1 8.441-13.985a253 253 0 0 1 9.307-13.392q1.242-.016 2.5-.022c4.33-.014 8.97.106 13.81.361c24.109 1.265 46.517 5.85 63.095 12.909c14.581 6.21 23.081 13.83 22.738 20.382c-.291 5.563-7.05 11.313-18.545 15.777a5.043 5.043 0 0 0 1.827 9.743c.606 0 1.222-.111 1.821-.344c19.975-7.755 24.602-17.685 24.967-24.649c.318-6.086-2.41-11.948-8.111-17.421"/><path fill="#f1f8f3" d="M118.049 129.344c0 6.089 4.932 11.025 11.014 11.025c6.085 0 11.016-4.936 11.016-11.025s-4.931-11.026-11.016-11.026c-6.082 0-11.014 4.937-11.014 11.026"/><defs><linearGradient id="SVGJ5N5Ecfn" x1="128" x2="128" y1="10.14" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#b2e198"/><stop offset="1" stop-color="#04a171"/></linearGradient></defs></g></svg>

Cómo usar el icono Atom

React

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

<Icon icon="skill-icons:atom" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:atom" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:atom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--atom]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="skill-icons:atom"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/atom.svg" alt="Icono Atom" width="24" height="24">

El icono Atom en otras colecciones

Preguntas frecuentes sobre Icono Atom

¿El icono Atom es gratis para uso comercial?

Sí. Skill Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Atom en React?

Instala @iconify/react y renderiza <Icon icon="skill-icons:atom" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Atom a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/skill-icons/atom.svg" alt="Icono Atom">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Skill Icons →