Icono Atom

game-icons:atom

El icono Atom (game-icons:atom) es un icono SVG gratuito de la colección Game Icons de GameIcons. Está dibujado en una cuadrícula de 512 × 512. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Game Icons
Autor: GameIcons
Licencia: CC-BY-3.0
Tamaño: 512 × 512

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M387.176 255.949c51.343-43.046 83.887-87.512 68.022-114.939s-70.668-21.486-133.655 1.483C309.94 76.458 287.733 26 256.043 26s-53.917 50.448-65.53 116.338a403 403 0 0 0-44.827-13.61c-47.09-11.109-77.812-6.867-88.85 12.241c-15.916 27.54 16.68 71.986 68.064 115.052c-51.385 43.065-83.98 87.51-68.104 115.01c7.021 12.159 22.001 18.295 44.095 18.295c12.643 0 27.612-2.06 44.754-6.054a403 403 0 0 0 44.827-13.61C202.074 435.645 224.272 486 256.002 486s53.917-50.448 65.53-116.338a403 403 0 0 0 44.827 13.61c17.142 4.046 32.111 6.054 44.754 6.054c22.094 0 37.064-6.177 44.095-18.295c11.037-19.119-.659-47.843-33.82-83.064a403 403 0 0 0-34.212-32.018m-17.05-111.12c37.064-8.74 64.172-7.03 70.803 4.449c6.63 11.479-5.457 35.828-31.546 63.543a393 393 0 0 1-35.138 32.657c-13.744-10.83-28.714-21.569-44.61-31.998c-1.102-18.614-2.934-36.971-5.457-54.494a393 393 0 0 1 45.949-14.156zM285.21 306.624q-14.63 8.442-29.218 15.999q-14.558-7.547-29.219-16q-14.66-8.452-28.467-17.296a737 737 0 0 1 0-66.6q13.817-8.834 28.467-17.297t29.27-16.01q14.558 7.547 29.219 16q14.66 8.452 28.436 17.306a737 737 0 0 1 0 66.601q-13.837 8.834-28.488 17.297m27.252 2.934c-.968 12.91-2.285 25.45-3.943 37.486c-11.243-4.582-22.753-9.71-34.418-15.32q9.668-5.21 19.335-10.79t19.026-11.376m-74.58 22.176c-11.654 5.611-23.165 10.728-34.418 15.32c-1.657-12.046-2.975-24.575-3.943-37.486q9.43 5.838 19.016 11.377t19.345 10.738zm-56.44-53.536c-10.697-7.29-20.889-14.702-30.495-22.156c9.606-7.454 19.798-14.866 30.495-22.156q-.34 11.089-.35 22.156q-.01 11.068.35 22.135zm18.08-75.713c.967-12.91 2.285-25.45 3.942-37.485a613 613 0 0 1 34.439 15.33q-9.77 5.25-19.366 10.779t-19.016 11.376zm74.58-22.176c11.654-5.611 23.164-10.728 34.417-15.32a617 617 0 0 1 3.943 37.465q-9.338-5.765-19.016-11.325t-19.345-10.769zm56.45 53.536c10.696 7.29 20.889 14.702 30.494 22.156c-9.605 7.454-19.798 14.867-30.495 22.156q.34-11.088.35-22.156t-.35-22.135zM216.744 101.59c10.955-36.446 25.996-59.096 39.257-59.096s28.292 22.65 39.256 59.096a393 393 0 0 1 10.728 46.875c-16.472 6.569-33.254 14.167-49.922 22.516c-16.988-8.545-33.77-16.143-50.026-22.65a393 393 0 0 1 10.707-46.74zM102.641 212.78c-26.088-27.715-38.175-52.063-31.555-63.543s33.758-13.178 70.801-4.447a393 393 0 0 1 45.96 14.146c-2.533 17.502-4.366 35.93-5.468 54.565c-15.587 10.296-30.587 21.044-44.517 32.009a393 393 0 0 1-35.22-32.73zm39.257 154.432c-37.064 8.741-64.172 7.032-70.802-4.447c-6.63-11.48 5.426-35.798 31.545-63.503a393 393 0 0 1 35.231-32.729c13.93 10.965 28.93 21.744 44.518 32.019c1.101 18.635 2.934 37.064 5.466 54.566a393 393 0 0 1-46 14.094zm153.402 43.24c-10.955 36.446-25.996 59.096-39.257 59.096s-28.292-22.65-39.256-59.096a393 393 0 0 1-10.708-46.751c16.236-6.487 32.997-14.074 49.964-22.65c16.967 8.534 33.728 16.122 49.964 22.65a393 393 0 0 1-10.759 46.751zm145.68-47.678c-6.63 11.48-33.759 13.188-70.802 4.448a393 393 0 0 1-45.958-14.146c2.532-17.503 4.365-35.931 5.466-54.566c15.588-10.296 30.588-21.044 44.518-32.019a393 393 0 0 1 35.18 32.77c26.088 27.705 38.154 52.054 31.545 63.534zm-208.081-105.25a22.876 22.876 0 1 1 22.876 22.876a22.876 22.876 0 0 1-22.876-22.876"/></svg>

Cómo usar el icono Atom

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

Iconos relacionados en Game Icons

El icono Atom en otras colecciones

Preguntas frecuentes sobre Icono Atom

¿El icono Atom es gratis para uso comercial?

Sí. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Atom en React?

Instala @iconify/react y renderiza <Icon icon="game-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/game-icons/atom.svg" alt="Icono Atom">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Game Icons →