outline
outline
MIT
2 nodos vectoriales
1. Color
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
2. Fondo del lienzo y transformaciones
3. Ajustes de animacion vectorial en vivo
Incluido en la exportacion SVG
Dpad - Iconos vectoriales y 3D
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Dpad - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
Descargas instantaneas vectoriales y de alta resolucion
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
bootstrap-regular-dpad.svg (1,299 B)
Copia rapida para desarrolladores y frameworks de interfaz
Salida de codigo en vivo
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-dpad" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Dpad icon"><title>Dpad - Bootstrap Icons icon</title><desc>Free Dpad vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path d="m7.788 2.34-.799 1.278A.25.25 0 0 0 7.201 4h1.598a.25.25 0 0 0 .212-.382l-.799-1.279a.25.25 0 0 0-.424 0Zm0 11.32-.799-1.277A.25.25 0 0 1 7.201 12h1.598a.25.25 0 0 1 .212.383l-.799 1.278a.25.25 0 0 1-.424 0ZM3.617 9.01 2.34 8.213a.25.25 0 0 1 0-.424l1.278-.799A.25.25 0 0 1 4 7.201V8.8a.25.25 0 0 1-.383.212Zm10.043-.798-1.277.799A.25.25 0 0 1 12 8.799V7.2a.25.25 0 0 1 .383-.212l1.278.799a.25.25 0 0 1 0 .424Z"/> <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v3a.5.5 0 0 1-.5.5h-3A1.5 1.5 0 0 0 0 6.5v3A1.5 1.5 0 0 0 1.5 11h3a.5.5 0 0 1 .5.5v3A1.5 1.5 0 0 0 6.5 16h3a1.5 1.5 0 0 0 1.5-1.5v-3a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 0 16 9.5v-3A1.5 1.5 0 0 0 14.5 5h-3a.5.5 0 0 1-.5-.5v-3A1.5 1.5 0 0 0 9.5 0zM6 1.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3A1.5 1.5 0 0 0 11.5 6h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a1.5 1.5 0 0 0-1.5 1.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3A1.5 1.5 0 0 0 4.5 10h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 0 6 4.5z"/> </svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? Dpad
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Dpad
Generador de prompts 100% en el navegador
Verificacion de fuente y licencia
LICENSE.txt
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | Sin Registro | 100% en tu Navegador
Palabras clave
#bootstrap
#regular
#dpad
#interface
#outline
#dpad svg
#dpad icon
#dpad bootstrap icons
#dpad react tsx
#dpad vue
#dpad png
Popular en tu idioma
iconos svg gratis
descargar iconos vectoriales gratis
convertir svg a png online
editor svg gratis en el navegador
iconos 3d svg
optimizar archivos svg
componentes react svg
animar iconos svg con css
iconos para uso comercial
biblioteca iconos svg
Dpad - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Dpad
| Identificador canonico del archivo | bootstrap/bootstrap-regular-dpad |
|---|---|
| Paquete de biblioteca de origen | Bootstrap Icons |
| Cuadricula de coordenadas y viewBox | viewBox="0 0 16 16" |
| Peso sin comprimir | 1,299 bytes (~714 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| Formatos de exportacion admitidos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de seguridad y privacidad | Sin Registro | 100% en tu Navegador |
Como usar y personalizar este icono: Dpad
- Personaliza visualmente: Color, Automatico (trazo y relleno), Grosor del trazo (
0.5px-4px), Ajustes de animacion vectorial en vivo - Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (
2048x2048 px) - Copia el codigo del framework: Copia codigo listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
- Edicion vectorial profunda: Editar en el editor SVG (76,166)
Consejo de accesibilidad (WCAG 2.1): Oculta los iconos decorativos con aria-hidden y focusable false. Da un aria-label claro a los botones que solo tienen icono. Voltea las flechas en horizontal para idiomas de derecha a izquierda.
bootstrap-regular-dpad.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Explorar
outline
Outlined Action Action Schedule
Material Icons|interface
duotone
Duotone Number Circle Two Duotone
Phosphor Icons|interface
outline
Outline Circle Letter D
Tabler Icons|interface
outline
Two Triangles
IconPark|interface
outline
Outlined Action Action Search Off
Material Icons|interface
Duotone Number Circle Zero Duotone
Phosphor Icons|interface
Outline Circle Letter E
Tabler Icons|interface
Two Two
IconPark|interface
Outlined Action Action Search
Material Icons|interface
Duotone Number Eight Duotone
Phosphor Icons|interface
Outline Circle Letter F
Tabler Icons|interfaceExplorar más
Preguntas frecuentes
Dpad - Preguntas frecuentes
¿El icono SVG Dpad es gratis para uso comercial? +
Sí, el icono Dpad de la colección Bootstrap Icons tiene licencia MIT y puede usarse gratis en proyectos comerciales.
¿El icono Dpad mantiene sus colores originales al descargarlo? +
Sí, Dpad conserva sus colores por defecto a menos que selecciones un color nuevo en el editor.
¿Cómo uso el icono Dpad en React o Vue? +
Abre la pestana React TSX o Vue 3 en esta pagina y pulsa Copy SVG. Pega el componente en tu proyecto y dale estilo con CSS o Tailwind.
¿Puedo descargar Dpad como PNG transparente? +
Sí, elige un tamaño hasta 2048 px y pulsa Descargar PNG.
¿Cómo animo el icono Dpad con CSS? +
Selecciona una animación en el editor en vivo para incluir automáticamente los keyframes CSS.
¿Puedo generar un prompt de IA para Dpad? +
Sí, usa el generador de prompts IA en esta página para crear una descripción en estilo 3D, Cristal o Neón.
Puedo cambiar el tamano del icono Dpad sin perder calidad? +
Si. El archivo Dpad es un vector con viewBox escalable, asi que se mantiene nitido a 16px, 64px, 512px o en impresion.
Donde informo un problema con el archivo Dpad? +
Escribe a support@svgnexus.com con la direccion del icono. Las dudas de licencia sobre Dpad van a legal@svgnexus.com.
100% en tu Navegador | 76,166 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o codigo para frameworks.