🎯 Exemplos recomendados
Balanced sample collections from various categories for you to explore
Exemplos SVG
Exemplos de Gráficos Vetoriais Escaláveis (SVG) demonstrando vários recursos e técnicas SVG
🖼️ Formas SVG Básicas svg
Demonstração de formas SVG básicas com retângulo, círculo, elipse, linha, polilinha e elementos poligonais
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 2.4 KB
Dimensions: 360×240
🖼️ Propriedades de Traçado e Preenchimento svg
Demonstração de propriedades de traçado e preenchimento SVG com vários estilos de linha e padrões
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 2.8 KB
Dimensions: 360×240
🖼️ Transformações SVG svg
Exemplos de transformação SVG incluindo translação, rotação, escala e operações de inclinação
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 3.1 KB
Dimensions: 360×240
🖼️ Gradientes SVG svg
Demonstrações de gradientes lineares e radiais com múltiplas paradas de cor e efeitos
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 2.9 KB
Dimensions: 360×240
🖼️ Padrões SVG svg
Definições e aplicações de padrões SVG para criar fundos repetitivos e texturas
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 3.5 KB
Dimensions: 360×240
🖼️ Marcadores SVG svg
Elementos de marcador SVG para criar pontas de seta personalizadas e pontos finais em caminhos e linhas
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 3.2 KB
Dimensions: 360×240
🖼️ Texto no Caminho svg
Texto posicionado ao longo de caminhos SVG com vários efeitos de texto e opções de estilo
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 3.0 KB
Dimensions: 360×240
🖼️ Design SVG Responsivo svg
Técnicas de design SVG responsivo com layouts adaptáveis e comportamentos de escalonamento
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 3.6 KB
Dimensions: 360×240
🖼️ Símbolos SVG e Reuso svg
Símbolos SVG e elementos reutilizáveis com o elemento use para gráficos eficientes
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 3.3 KB
Dimensions: 360×240
🖼️ Recorte e Mascaramento svg
Demonstrações de recorte e mascaramento para criar formas complexas e efeitos
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 3.4 KB
Dimensions: 360×240
🖼️ Filtros SVG svg
Efeitos de filtro SVG incluindo desfoque, sombra, manipulação de cor e efeitos visuais
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 3.8 KB
Dimensions: 360×240
🖼️ Animação SVG svg
Animações SMIL demonstrando mudanças de cor, transformações e efeitos de movimento
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 3.1 KB
Dimensions: 360×240
🖼️ Integração ForeignObject svg
Integração de conteúdo HTML dentro de SVG usando foreignObject para conteúdo misto
❌ Image failed to load
The image file may not exist or is corrupted
Click image to toggle full size view
File size: 4.2 KB
Dimensions: 360×240