Ícone Atom
fa6-solid:atom
O ícone Atom (fa6-solid:atom) é um ícone SVG gratuito da coleção Font Awesome 6 Solid de Dave Gandy. Ele é desenhado em uma grade de 512 × 512. Font Awesome 6 Solid icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Font Awesome 6 Solid
- Autor
- Dave Gandy
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
- Categoria
- Indicadores de carregamento, Religião, Educação, Ciência, Energia, Ficção científica
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 398.8c-11.8 5.1-23.4 9.7-34.9 13.5c16.7 33.8 31 35.7 34.9 35.7s18.1-1.9 34.9-35.7c-11.4-3.9-23.1-8.4-34.9-13.5M446 256c33 45.2 44.3 90.9 23.6 128c-20.2 36.3-62.5 49.3-115.2 43.2c-22 52.1-55.6 84.8-98.4 84.8s-76.4-32.7-98.4-84.8c-52.7 6.1-95-6.8-115.2-43.2C21.7 346.9 33 301.2 66 256c-33-45.2-44.3-90.9-23.6-128c20.2-36.3 62.5-49.3 115.2-43.2C179.6 32.7 213.2 0 256 0s76.4 32.7 98.4 84.8c52.7-6.1 95 6.8 115.2 43.2c20.7 37.1 9.4 82.8-23.6 128m-65.8 67.4c-1.7 14.2-3.9 28-6.7 41.2c31.8 1.4 38.6-8.7 40.2-11.7c2.3-4.2 7-17.9-11.9-48.1q-10.2 9.45-21.6 18.6m-6.7-175.9c2.8 13.1 5 26.9 6.7 41.2q11.4 9.15 21.6 18.6c18.9-30.2 14.2-44 11.9-48.1c-1.6-2.9-8.4-13-40.2-11.7m-82.6-47.8C274.1 65.9 259.9 64 256 64s-18.1 1.9-34.9 35.7c11.4 3.9 23.1 8.4 34.9 13.5c11.8-5.1 23.4-9.7 34.9-13.5m-159 88.9c1.7-14.3 3.9-28 6.7-41.2c-31.8-1.4-38.6 8.7-40.2 11.7c-2.3 4.2-7 17.9 11.9 48.1q10.2-9.45 21.6-18.6m-21.7 116.2C91.4 335 96 348.7 98.3 352.9c1.6 2.9 8.4 13 40.2 11.7c-2.8-13.1-5-26.9-6.7-41.2q-11.4-9.15-21.6-18.6M336 256a80 80 0 1 0-160 0a80 80 0 1 0 160 0m-80-32a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>
Como usar o ícone Atom
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-solid:atom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-solid:atom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-solid:atom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--atom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:atom"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-solid:atom"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fa6-solid/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. Font Awesome 6 Solid icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Atom no React?
Instale @iconify/react e renderize <Icon icon="fa6-solid: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/fa6-solid/atom.svg" alt="Ícone Atom">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Font Awesome 6 Solid →
ICONYZ
