AI UI Designer Logo
AI UI Designer

Icono de Docker

Infraestructura#2496ED

PNG transparente de alta calidad de Docker para web e impresión.

Código vectorial SVG de Docker optimizado para desarrolladores.

Componente de icono de React de Docker listo para usar.

Use Docker in a generated UI

Turn this icon into a login page, dashboard, landing page, or integration screen.

Cómo usar el icono de Docker

Copia el icono de Docker como SVG en línea, código React, incrustación HTML o máscara CSS.

SVG en línea

Pega el SVG de Docker directamente en HTML o JSX.

Componente React

Usa Docker como un componente de icono de React tipado.

import React from 'react';

export const DockerIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

Incrustación HTML

Usa una URL alojada del icono de Docker con atribución.

Máscara CSS

Usa Docker como un icono de máscara CSS que permite cambiar el color.

.docker-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #2496ed;
  mask: url("https://www.aiuidesigner.com/icons/docker.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/docker.svg") center / contain no-repeat;
}

Detalles del icono de Docker

Color de marca

#2496ED

Categoría

Infraestructura

Formatos

SVG, PNG, React, HTML, máscara CSS

SVG viewBox

0 0 24 24

Archivo SVG

1.7 KB · 1 trazado

Licencia

Consultar guía de marca

Acerca del icono de Docker

icons.aboutParagraph1

Utiliza los enlaces de la fuente y la guía de marca en esta página para verificar las reglas actuales de uso de la marca registrada antes de usar el logotipo de Docker en proyectos comerciales, documentación, maquetas de UI o páginas de marketing.

Etiquetas:containersdevops

Preguntas frecuentes sobre el icono de Docker

Design a UI with the Docker icon

Generate a complete page that already uses this icon, color, and brand context.

Docker Iconos relacionados