outline
1. Cor
As cores originais do ícone são mantidas até você escolher uma nova cor.
2. Fundo da tela e transformações
3. Presets de animação vetorial ao vivo
Incluido na exportação SVG
Phosphor Icons
|
Interface de utilizador (UI/UX)
|
viewBox="0 0 256 256"
|
Grátis para uso comercial
Ícone SVG de átomo
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. átomo - Grátis para uso comercial e pessoal. Sem Cadastro | 100% no Seu Navegador
Downloads instantaneos vetoriais e de alta resolucao
As cores originais do ícone são mantidas até você escolher uma nova cor.
phosphor-light-atom-light.svg (1.673 B)
Copia rapida para desenvolvedores e frameworks de UI
Saida de código ao vivo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Atom icon"><title>Atom - Phosphor Icons icon</title><desc>Free Atom vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 1430 bytes.</desc><path d="M193.83,128a195.73,195.73,0,0,0,19.9-33.65c10.74-23.88,11-42.66.8-52.88s-29-9.94-52.88.8A195.73,195.73,0,0,0,128,62.17a195.73,195.73,0,0,0-33.65-19.9c-23.88-10.74-42.66-11-52.88-.8s-9.94,29,.8,52.88A195.73,195.73,0,0,0,62.17,128a195.73,195.73,0,0,0-19.9,33.65c-10.74,23.88-11,42.66-.8,52.88h0c5,5,12,7.47,20.63,7.47,9.1,0,20-2.76,32.25-8.27A195.73,195.73,0,0,0,128,193.83a195.73,195.73,0,0,0,33.65,19.9C173.9,219.24,184.8,222,193.9,222c8.64,0,15.65-2.49,20.63-7.47h0c10.23-10.22,9.94-29-.8-52.88A195.73,195.73,0,0,0,193.83,128ZM206,50c9.28,9.28,2.36,36.29-19.8,68a306.2,306.2,0,0,0-22.78-25.45A306.2,306.2,0,0,0,138,69.76C169.75,47.61,196.77,40.68,206,50Zm-27.19,78A289.17,289.17,0,0,1,155,155a289.17,289.17,0,0,1-27,23.88A289.17,289.17,0,0,1,101,155a290.62,290.62,0,0,1-23.88-27A297.06,297.06,0,0,1,128,77.14,290.74,290.74,0,0,1,155,101,289.17,289.17,0,0,1,178.85,128ZM50,50c2.68-2.69,6.84-4,12.17-4,13.11,0,33.3,8,55.87,23.81A302.94,302.94,0,0,0,92.54,92.54,306.2,306.2,0,0,0,69.76,118C47.6,86.25,40.68,59.24,50,50ZM50,206h0c-9.28-9.28-2.35-36.29,19.8-68a306.2,306.2,0,0,0,22.78,25.45A306.2,306.2,0,0,0,118,186.24C86.25,208.4,59.24,215.32,50,206ZM206,206c-9.28,9.28-36.29,2.35-68-19.81a304.26,304.26,0,0,0,25.45-22.77A306.2,306.2,0,0,0,186.24,138C208.4,169.75,215.32,196.76,206,206Zm-68-78a10,10,0,1,1-10-10A10,10,0,0,1,138,128Z"/></svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? átomo
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. átomo
Gerador de prompts 100% no navegador
Verificação de fonte e licença
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#phosphor
#light
#atom
#interface
#outline
átomo - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. átomo
| Identificador canonico do arquivo | phosphor/phosphor-light-atom-light |
|---|---|
| Pacote da biblioteca de origem | Phosphor Icons |
| Grade de coordenadas e viewBox | viewBox="0 0 256 256" |
| Peso sem compressão | 1.673 bytes (~920 bytes gzipped) |
| Licença SPDX e uso comercial | MIT - Grátis para uso comercial |
| Upstream Source | https://github.com/phosphor-icons/core |
| Formatos de exportação aceitos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de segurança e privacidade | Sem Cadastro | 100% no Seu Navegador |
Como usar e personalizar este ícone: átomo
- Personalize visualmente: Cor, Automatico (traço e preenchimento), Espessura do traço (
0.5px-4px), Presets de animação vetorial ao vivo - Baixe o vetor ou a imagem: Descarregar SVG, PNG (transparente), WebP (otimizado) (
2048x2048 px) - Copie o código do framework: Copie código pronto para React, Next.js, Vue 3, Svelte, Angular, HTML e mascaras CSS.
- Edição vetorial avancada: Editar no editor SVG (77.087)
Dica de acessibilidade (WCAG 2.1): Oculte ícones decorativos com aria-hidden e focusable false. De um aria-label claro para botoes com apenas ícone. Espelhe setas na horizontal para idiomas da direita para a esquerda.
phosphor-light-atom-light.svg aria-hidden="true" focusable="false"
Correspondencias em outras bibliotecas ("átomo")
Compare este ícone com outras bibliotecas vetoriais de código aberto.
Mais em Interface de utilizador (UI/UX)
Exploraroutline
átomo
SVG Icons Collection|interfacebrand
átomo
Authentic Brand Logos|brandssolid
Bulb
Heroicons|interfaceoutline
Science Atom
Domain Icons|interfacesolid
Window
Heroicons|interfacesolid
Action Saved Search
Material Icons|interface
Chicken
MingCute Icons Fill|interface
Circles
Tabler Icons|interface
Chess King
Lucide|interface
Cursor Battleaxe Winged
Mouse|interface
Picker
MingCute Icons|interface
Cursor Dagger Assassin
Mouse|interface
Action Switch Access Shortcut
Material Icons|interface
Heroicons|interface
Chef Hat One
IconPark|interface
Circle
Lucide|interface
Cursor Move Copy
Mouse|interface
Cursor Text
MingCute Icons Fill|interface
Dual Screen
Tabler Icons|interface
Toyota
SVG Icons Collection|interface
Tumblr
SVG Icons Collection|interface
Dogecoin Doge
MingCute Icons|interface
Copy
Lucide|interface
Ethereum
Domain Icons|interfaceExplorar mais
Perguntas frequentes
átomo - Perguntas frequentes
Que licença cobre átomo? +
átomo vem de Phosphor Icons e está coberto por MIT. Atribuição: Credito obrigatorio.
Em que formatos posso baixar átomo? +
átomo é um vetor de estilo outline (viewBox 0 0 256 256). Baixe SVG, PNG, WebP ou ICO, ou copie código React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask ou Base64 nesta página.
De onde vem o ícone átomo? +
átomo faz parte da biblioteca Phosphor Icons de Helena Zhang & Toby Fried, na categoria Interface de utilizador (UI/UX). O texto completo da licença está no arquivo de aviso da biblioteca vinculado nesta página.
100% no Seu Navegador | 77.087 ícones
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.