docker logo
docker from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- docker
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
docker-outlinedAnt Design IconsdockerBoxicons BrandsdockerCatppuccin IconsdockerCoreUI BrandsdockerDevicondockerFont Awesome 6 BrandsdockerFont Awesome BrandsdockerLine AwesomedockerSVG LogosdockerMaterial Design IconsdockerPixelarticonsdockerSimple IconsdockerSkill Iconsdocker-outlineTeenyiconsdockerUniconsdockerUnicons Monochrome
Use the docker logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#0288d1" d="M21.81 10.25c-.06-.04-.56-.43-1.64-.43c-.28 0-.56.03-.84.08c-.21-1.4-1.38-2.11-1.43-2.14l-.29-.17l-.18.27c-.24.36-.43.77-.51 1.19c-.2.8-.08 1.56.33 2.21c-.49.28-1.29.35-1.46.35H2.62c-.34 0-.62.28-.62.63c0 1.15.18 2.3.58 3.38c.45 1.19 1.13 2.07 2 2.61c.98.6 2.59.94 4.42.94c.79 0 1.61-.07 2.42-.22c1.12-.2 2.2-.59 3.19-1.16A8.3 8.3 0 0 0 16.78 16c1.05-1.17 1.67-2.5 2.12-3.65h.19c1.14 0 1.85-.46 2.24-.85c.26-.24.45-.53.59-.87l.08-.24zm-17.96.99h1.76c.08 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H3.85c-.09 0-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.43 0h1.76c.08 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H6.28c-.09 0-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.47 0h1.75c.1 0 .17-.07.17-.16V9.5c0-.08-.06-.16-.17-.16H8.75c-.08 0-.15.07-.15.16v1.58c0 .09.06.16.15.16m2.44 0h1.77c.08 0 .15-.07.15-.16V9.5c0-.08-.06-.16-.15-.16h-1.77c-.08 0-.15.07-.15.16v1.58c0 .09.07.16.15.16M6.28 9h1.76c.08 0 .16-.09.16-.18V7.25c0-.09-.07-.16-.16-.16H6.28c-.09 0-.16.06-.16.16v1.57c.01.09.07.18.16.18m2.47 0h1.75c.1 0 .17-.09.17-.18V7.25c0-.09-.06-.16-.17-.16H8.75c-.08 0-.15.06-.15.16v1.57c0 .09.06.18.15.18m2.44 0h1.77c.08 0 .15-.09.15-.18V7.25c0-.09-.07-.16-.15-.16h-1.77c-.08 0-.15.06-.15.16v1.57c0 .09.07.18.15.18m0-2.28h1.77c.08 0 .15-.07.15-.16V5c0-.1-.07-.17-.15-.17h-1.77c-.08 0-.15.06-.15.17v1.56c0 .08.07.16.15.16m2.46 4.52h1.76c.09 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16h-1.76c-.08 0-.15.07-.15.16v1.58c0 .09.07.16.15.16"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeDocker(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#0288d1" d="M21.81 10.25c-.06-.04-.56-.43-1.64-.43c-.28 0-.56.03-.84.08c-.21-1.4-1.38-2.11-1.43-2.14l-.29-.17l-.18.27c-.24.36-.43.77-.51 1.19c-.2.8-.08 1.56.33 2.21c-.49.28-1.29.35-1.46.35H2.62c-.34 0-.62.28-.62.63c0 1.15.18 2.3.58 3.38c.45 1.19 1.13 2.07 2 2.61c.98.6 2.59.94 4.42.94c.79 0 1.61-.07 2.42-.22c1.12-.2 2.2-.59 3.19-1.16A8.3 8.3 0 0 0 16.78 16c1.05-1.17 1.67-2.5 2.12-3.65h.19c1.14 0 1.85-.46 2.24-.85c.26-.24.45-.53.59-.87l.08-.24zm-17.96.99h1.76c.08 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H3.85c-.09 0-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.43 0h1.76c.08 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H6.28c-.09 0-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.47 0h1.75c.1 0 .17-.07.17-.16V9.5c0-.08-.06-.16-.17-.16H8.75c-.08 0-.15.07-.15.16v1.58c0 .09.06.16.15.16m2.44 0h1.77c.08 0 .15-.07.15-.16V9.5c0-.08-.06-.16-.15-.16h-1.77c-.08 0-.15.07-.15.16v1.58c0 .09.07.16.15.16M6.28 9h1.76c.08 0 .16-.09.16-.18V7.25c0-.09-.07-.16-.16-.16H6.28c-.09 0-.16.06-.16.16v1.57c.01.09.07.18.16.18m2.47 0h1.75c.1 0 .17-.09.17-.18V7.25c0-.09-.06-.16-.17-.16H8.75c-.08 0-.15.06-.15.16v1.57c0 .09.06.18.15.18m2.44 0h1.77c.08 0 .15-.09.15-.18V7.25c0-.09-.07-.16-.15-.16h-1.77c-.08 0-.15.06-.15.16v1.57c0 .09.07.18.15.18m0-2.28h1.77c.08 0 .15-.07.15-.16V5c0-.1-.07-.17-.15-.17h-1.77c-.08 0-.15.06-.15.17v1.56c0 .08.07.16.15.16m2.46 4.52h1.76c.09 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16h-1.76c-.08 0-.15.07-.15.16v1.58c0 .09.07.16.15.16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#0288d1" d="M21.81 10.25c-.06-.04-.56-.43-1.64-.43c-.28 0-.56.03-.84.08c-.21-1.4-1.38-2.11-1.43-2.14l-.29-.17l-.18.27c-.24.36-.43.77-.51 1.19c-.2.8-.08 1.56.33 2.21c-.49.28-1.29.35-1.46.35H2.62c-.34 0-.62.28-.62.63c0 1.15.18 2.3.58 3.38c.45 1.19 1.13 2.07 2 2.61c.98.6 2.59.94 4.42.94c.79 0 1.61-.07 2.42-.22c1.12-.2 2.2-.59 3.19-1.16A8.3 8.3 0 0 0 16.78 16c1.05-1.17 1.67-2.5 2.12-3.65h.19c1.14 0 1.85-.46 2.24-.85c.26-.24.45-.53.59-.87l.08-.24zm-17.96.99h1.76c.08 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H3.85c-.09 0-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.43 0h1.76c.08 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H6.28c-.09 0-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.47 0h1.75c.1 0 .17-.07.17-.16V9.5c0-.08-.06-.16-.17-.16H8.75c-.08 0-.15.07-.15.16v1.58c0 .09.06.16.15.16m2.44 0h1.77c.08 0 .15-.07.15-.16V9.5c0-.08-.06-.16-.15-.16h-1.77c-.08 0-.15.07-.15.16v1.58c0 .09.07.16.15.16M6.28 9h1.76c.08 0 .16-.09.16-.18V7.25c0-.09-.07-.16-.16-.16H6.28c-.09 0-.16.06-.16.16v1.57c.01.09.07.18.16.18m2.47 0h1.75c.1 0 .17-.09.17-.18V7.25c0-.09-.06-.16-.17-.16H8.75c-.08 0-.15.06-.15.16v1.57c0 .09.06.18.15.18m2.44 0h1.77c.08 0 .15-.09.15-.18V7.25c0-.09-.07-.16-.15-.16h-1.77c-.08 0-.15.06-.15.16v1.57c0 .09.07.18.15.18m0-2.28h1.77c.08 0 .15-.07.15-.16V5c0-.1-.07-.17-.15-.17h-1.77c-.08 0-.15.06-.15.17v1.56c0 .08.07.16.15.16m2.46 4.52h1.76c.09 0 .16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16h-1.76c-.08 0-.15.07-.15.16v1.58c0 .09.07.16.15.16"/></svg> </template>
CSS
.icon-docker {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22M21.81%2010.25c-.06-.04-.56-.43-1.64-.43c-.28%200-.56.03-.84.08c-.21-1.4-1.38-2.11-1.43-2.14l-.29-.17l-.18.27c-.24.36-.43.77-.51%201.19c-.2.8-.08%201.56.33%202.21c-.49.28-1.29.35-1.46.35H2.62c-.34%200-.62.28-.62.63c0%201.15.18%202.3.58%203.38c.45%201.19%201.13%202.07%202%202.61c.98.6%202.59.94%204.42.94c.79%200%201.61-.07%202.42-.22c1.12-.2%202.2-.59%203.19-1.16A8.3%208.3%200%200%200%2016.78%2016c1.05-1.17%201.67-2.5%202.12-3.65h.19c1.14%200%201.85-.46%202.24-.85c.26-.24.45-.53.59-.87l.08-.24zm-17.96.99h1.76c.08%200%20.16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H3.85c-.09%200-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.43%200h1.76c.08%200%20.16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H6.28c-.09%200-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.47%200h1.75c.1%200%20.17-.07.17-.16V9.5c0-.08-.06-.16-.17-.16H8.75c-.08%200-.15.07-.15.16v1.58c0%20.09.06.16.15.16m2.44%200h1.77c.08%200%20.15-.07.15-.16V9.5c0-.08-.06-.16-.15-.16h-1.77c-.08%200-.15.07-.15.16v1.58c0%20.09.07.16.15.16M6.28%209h1.76c.08%200%20.16-.09.16-.18V7.25c0-.09-.07-.16-.16-.16H6.28c-.09%200-.16.06-.16.16v1.57c.01.09.07.18.16.18m2.47%200h1.75c.1%200%20.17-.09.17-.18V7.25c0-.09-.06-.16-.17-.16H8.75c-.08%200-.15.06-.15.16v1.57c0%20.09.06.18.15.18m2.44%200h1.77c.08%200%20.15-.09.15-.18V7.25c0-.09-.07-.16-.15-.16h-1.77c-.08%200-.15.06-.15.16v1.57c0%20.09.07.18.15.18m0-2.28h1.77c.08%200%20.15-.07.15-.16V5c0-.1-.07-.17-.15-.17h-1.77c-.08%200-.15.06-.15.17v1.56c0%20.08.07.16.15.16m2.46%204.52h1.76c.09%200%20.16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16h-1.76c-.08%200-.15.07-.15.16v1.58c0%20.09.07.16.15.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22M21.81%2010.25c-.06-.04-.56-.43-1.64-.43c-.28%200-.56.03-.84.08c-.21-1.4-1.38-2.11-1.43-2.14l-.29-.17l-.18.27c-.24.36-.43.77-.51%201.19c-.2.8-.08%201.56.33%202.21c-.49.28-1.29.35-1.46.35H2.62c-.34%200-.62.28-.62.63c0%201.15.18%202.3.58%203.38c.45%201.19%201.13%202.07%202%202.61c.98.6%202.59.94%204.42.94c.79%200%201.61-.07%202.42-.22c1.12-.2%202.2-.59%203.19-1.16A8.3%208.3%200%200%200%2016.78%2016c1.05-1.17%201.67-2.5%202.12-3.65h.19c1.14%200%201.85-.46%202.24-.85c.26-.24.45-.53.59-.87l.08-.24zm-17.96.99h1.76c.08%200%20.16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H3.85c-.09%200-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.43%200h1.76c.08%200%20.16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16H6.28c-.09%200-.16.07-.16.16v1.58c.01.09.07.16.16.16m2.47%200h1.75c.1%200%20.17-.07.17-.16V9.5c0-.08-.06-.16-.17-.16H8.75c-.08%200-.15.07-.15.16v1.58c0%20.09.06.16.15.16m2.44%200h1.77c.08%200%20.15-.07.15-.16V9.5c0-.08-.06-.16-.15-.16h-1.77c-.08%200-.15.07-.15.16v1.58c0%20.09.07.16.15.16M6.28%209h1.76c.08%200%20.16-.09.16-.18V7.25c0-.09-.07-.16-.16-.16H6.28c-.09%200-.16.06-.16.16v1.57c.01.09.07.18.16.18m2.47%200h1.75c.1%200%20.17-.09.17-.18V7.25c0-.09-.06-.16-.17-.16H8.75c-.08%200-.15.06-.15.16v1.57c0%20.09.06.18.15.18m2.44%200h1.77c.08%200%20.15-.09.15-.18V7.25c0-.09-.07-.16-.15-.16h-1.77c-.08%200-.15.06-.15.16v1.57c0%20.09.07.18.15.18m0-2.28h1.77c.08%200%20.15-.07.15-.16V5c0-.1-.07-.17-.15-.17h-1.77c-.08%200-.15.06-.15.17v1.56c0%20.08.07.16.15.16m2.46%204.52h1.76c.09%200%20.16-.07.16-.16V9.5c0-.08-.07-.16-.16-.16h-1.76c-.08%200-.15.07-.15.16v1.58c0%20.09.07.16.15.16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/docker.svg?color=%231a73e8&size=48
