Ícone Atom
mdi:atom
O ícone Atom (mdi:atom) é um ícone SVG gratuito da coleção Material Design Icons de Pictogrammers. Ele é desenhado em uma grade de 24 × 24. Material Design Icons são publicados sob a licença Apache 2.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
- Material Design Icons
- Autor
- Pictogrammers
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Ciência
- Tags
- science
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M4.22 4.22C5.65 2.79 8.75 3.43 12 5.56c3.25-2.13 6.35-2.77 7.78-1.34s.79 4.53-1.34 7.78c2.13 3.25 2.77 6.35 1.34 7.78s-4.53.79-7.78-1.34c-3.25 2.13-6.35 2.77-7.78 1.34S3.43 15.25 5.56 12C3.43 8.75 2.79 5.65 4.22 4.22m11.32 4.24c.61.62 1.17 1.25 1.69 1.88c1.38-2.13 1.88-3.96 1.13-4.7c-.74-.75-2.57-.25-4.7 1.13c.63.52 1.26 1.08 1.88 1.69m-7.08 7.08c-.61-.62-1.17-1.25-1.69-1.88c-1.38 2.13-1.88 3.96-1.13 4.7c.74.75 2.57.25 4.7-1.13c-.63-.52-1.26-1.08-1.88-1.69m-2.82-9.9c-.75.74-.25 2.57 1.13 4.7c.52-.63 1.08-1.26 1.69-1.88c.62-.61 1.25-1.17 1.88-1.69c-2.13-1.38-3.96-1.88-4.7-1.13m4.24 8.48c.7.7 1.42 1.34 2.12 1.91c.7-.57 1.42-1.21 2.12-1.91s1.34-1.42 1.91-2.12c-.57-.7-1.21-1.42-1.91-2.12S12.7 8.54 12 7.97c-.7.57-1.42 1.21-2.12 1.91S8.54 11.3 7.97 12c.57.7 1.21 1.42 1.91 2.12m8.48 4.24c.75-.74.25-2.57-1.13-4.7c-.52.63-1.08 1.26-1.69 1.88c-.62.61-1.25 1.17-1.88 1.69c2.13 1.38 3.96 1.88 4.7 1.13"/></svg>
Como usar o ícone Atom
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:atom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:atom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:atom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--atom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:atom"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:atom"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/mdi/atom.svg" alt="Ícone Atom" width="24" height="24">
Ícones relacionados em Material Design Icons
O ícone Atom em outras coleções
Perguntas frequentes sobre Ícone Atom
O ícone Atom é grátis para uso comercial?
Sim. Material Design Icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Atom no React?
Instale @iconify/react e renderize <Icon icon="mdi: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/mdi/atom.svg" alt="Ícone Atom">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Material Design Icons →
ICONYZ
