Ícone Atom
cryptocurrency-color:atom
O ícone Atom (cryptocurrency-color:atom) é um ícone SVG gratuito da coleção Cryptocurrency Color Icons de Christopher Downer. Ele é desenhado em uma grade de 32 × 32. Cryptocurrency Color Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Cryptocurrency Color Icons
- Autor
- Christopher Downer
- Licença
- CC0-1.0
- Tamanho
- 32 × 32
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="16" cy="16" r="16" fill="#2E3148"/><g fill="#FFF" transform="translate(6 5)"><path d="M10.02.53c-1.295 0-2.345 4.697-2.345 10.49s1.05 10.49 2.345 10.49c1.294 0 2.344-4.697 2.344-10.49S11.314.53 10.02.53m.162 20.387c-.148.198-.297.05-.297.05c-.596-.692-.894-1.975-.894-1.975c-1.043-3.357-.795-10.564-.795-10.564c.49-5.721 1.382-7.073 1.685-7.373a.185.185 0 0 1 .238-.019c.44.313.81 1.617.81 1.617c1.09 4.048.991 7.848.991 7.848c.099 3.308-.546 7.01-.546 7.01c-.497 2.814-1.192 3.406-1.192 3.406"/><path d="M19.118 5.8c-.645-1.124-5.24.303-10.267 3.186S.278 15.116.921 16.24c.645 1.124 5.241-.303 10.268-3.186s8.574-6.131 7.93-7.254zM1.515 16.085c-.246-.03-.19-.234-.19-.234c.302-.86 1.266-1.758 1.266-1.758c2.393-2.575 8.769-5.946 8.769-5.946c5.206-2.422 6.823-2.32 7.233-2.208a.185.185 0 0 1 .135.198c-.05.537-1 1.507-1 1.507c-2.966 2.961-6.312 4.768-6.312 4.768c-2.82 1.732-6.353 3.013-6.353 3.013c-2.688.968-3.548.66-3.548.66"/><path d="M19.095 16.277c.65-1.12-2.887-4.383-7.898-7.288C6.187 6.085 1.593 4.641.944 5.763c-.65 1.123 2.888 4.383 7.9 7.288c5.013 2.904 9.602 4.348 10.251 3.226M1.375 6.196c-.097-.228.106-.283.106-.283c.897-.17 2.157.217 2.157.217c3.427.78 9.538 4.608 9.538 4.608c4.705 3.292 5.427 4.743 5.535 5.154a.185.185 0 0 1-.103.215c-.49.225-1.805-.11-1.805-.11c-4.05-1.086-7.289-3.075-7.289-3.075c-2.91-1.57-5.788-3.985-5.788-3.985c-2.187-1.842-2.35-2.74-2.35-2.74l-.002-.001z"/><circle cx="9.995" cy="10.995" r="1.234"/><circle cx="15.055" cy="6.256" r="1"/><circle cx="3.306" cy="8.774" r="1"/><circle cx="8.539" cy="17.856" r="1"/></g></g></svg>
Como usar o ícone Atom
React
import { Icon } from "@iconify/react";
<Icon icon="cryptocurrency-color:atom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cryptocurrency-color:atom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cryptocurrency-color:atom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cryptocurrency-color--atom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cryptocurrency-color -->
<div class="i-cryptocurrency-color:atom"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cryptocurrency-color:atom"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/cryptocurrency-color/atom.svg" alt="Ícone Atom" width="24" height="24">
O ícone Atom em outras coleções
Perguntas frequentes sobre Ícone Atom
O ícone Atom é grátis para uso comercial?
Sim. Cryptocurrency Color Icons são publicados sob a licença CC0 1.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Atom no React?
Instale @iconify/react e renderize <Icon icon="cryptocurrency-color:atom" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Atom a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/cryptocurrency-color/atom.svg" alt="Ícone Atom">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Cryptocurrency Color Icons →
ICONYZ
