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
MingCute Icons Fill
|
Interface de utilizador (UI/UX)
|
viewBox="0 0 24 24"
|
Grátis para uso comercial
Ícone SVG de Traffic Lights
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Traffic Lights - 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.
traffic-lights.svg (571 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 24 24" width="36" height="36" fill="currentColor" role="img" aria-label="Traffic Lights icon"><title>Traffic Lights - MingCute Icons Fill icon</title><desc>Free Traffic Lights vector icon from the MingCute Icons Fill open-source icon library; solid style, Apache-2.0 licence, viewBox 0 0 24 24, 267 bytes.</desc><path fill="currentColor" d="M14 2a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4zm-2 13a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0-5a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0-5a2 2 0 1 0 0 4 2 2 0 0 0 0-4"/></svg>
Prompt de IA e melhoria vetorial
Quer melhorar ou mudar o estilo deste ícone? Traffic Lights
Gere um prompt de engenharia preciso ou melhore o ícone na tela agora mesmo. Traffic Lights
Gerador de prompts 100% no navegador
Verificação de fonte e licença
LICENSE.txt
Library: MingCute Icons Fill | Author: MingCute Design | License: Apache-2.0 | Source: https://github.com/mingcute-design/mingcute-icons | Sem Cadastro | 100% no Seu Navegador
Palavras-chave
#traffic
#lights
#mingcute
#fill
#interface
#solid
Traffic Lights - Especificações técnicas do vetor
Fonte, autor e licença aparecem na previa e nos detalhes do ícone. Traffic Lights
| Identificador canonico do arquivo | mingcute-fill/traffic-lights |
|---|---|
| Pacote da biblioteca de origem | MingCute Icons Fill |
| Grade de coordenadas e viewBox | viewBox="0 0 24 24" |
| Peso sem compressão | 571 bytes (~314 bytes gzipped) |
| Licença SPDX e uso comercial | Apache-2.0 - Grátis para uso comercial |
| Upstream Source | https://github.com/mingcute-design/mingcute-icons |
| 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: Traffic Lights
- 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 (76.166)
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.
traffic-lights.svg aria-hidden="true" focusable="false"
Correspondencias em outras bibliotecas ("Traffic Lights")
Compare este ícone com outras bibliotecas vetoriais de código aberto.
Mais em Interface de utilizador (UI/UX)
Exploraroutline
Traffic Lights
MingCute Icons|interfacesolid
Blueprint
Phosphor Icons|interfacesolid
Books
Phosphor Icons|interfaceoutline
Angel
MingCute Icons|interfacesolid
Collection
Bootstrap Icons|interfacesolid
Fast Forward
Bootstrap Icons|interface
Bulldozer
Phosphor Icons|interface
Arrows Right
MingCute Icons|interface
Telephone Plus
Bootstrap Icons|interface
Logistics Box
Domain Icons|interface
Logistics Delivery
Domain Icons|interface
Delta
Tabler Icons|interface
Content Remove Circle
Material Icons|interface
Logistics Warehouse
Domain Icons|interface
Device Mobile Rotated
Tabler Icons|interface
Device Nearby Error
Material Icons|interface
Device Signal Cellular Connected No Internet 0 Bar
Material Icons|interface
Dialpad
Tabler Icons|interface
alerta
Ant Design TwoTone|interface
Align End Horizontal
Lucide|interface
Align Horizontal Justify Center
Lucide|interface
Bolt
Open Iconic|interface
Afro Pick
IconPark|interface
Backspace
Heroicons|interfaceExplorar mais
Perguntas frequentes
Traffic Lights - Perguntas frequentes
Que licença cobre Traffic Lights? +
Traffic Lights vem de MingCute Icons Fill e está coberto por Apache-2.0. Atribuição: Credito obrigatorio.
Em que formatos posso baixar Traffic Lights? +
Traffic Lights é um vetor de estilo solid (viewBox 0 0 24 24). 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 Traffic Lights? +
Traffic Lights faz parte da biblioteca MingCute Icons Fill de MingCute Design, 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 | 76.166 ícones
Editor SVG
Edite caminhos, camadas, cores e animações no navegador e exporte SVG limpo, PNG ou código de framework.