docker icon
docker from Unicons Monochrome by Iconscout · Monochrome · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- docker
- Set
- Unicons Monochrome
- Style
- Monochrome
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
docker-outlinedAnt Design IconsdockerBoxicons BrandsdockerCatppuccin IconsdockerCoreUI BrandsdockerDevicondockerFont Awesome 6 BrandsdockerFont Awesome BrandsdockerLine AwesomedockerSVG LogosdockerMaterial Icon ThemedockerMaterial Design IconsdockerPixelarticonsdockerSimple IconsdockerSkill Iconsdocker-outlineTeenyiconsdockerUnicons
More brand logos icons from Unicons Monochrome
Use the docker icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.805 10.077a2.63 2.63 0 0 0-1.632-.427a5 5 0 0 0-.844.074A3.18 3.18 0 0 0 17.9 7.581l-.287-.167l-.186.27a4 4 0 0 0-.51 1.187a2.82 2.82 0 0 0 .334 2.217a3.9 3.9 0 0 1-1.457.352H2.623a.62.62 0 0 0-.622.622a9.4 9.4 0 0 0 .575 3.385a5.08 5.08 0 0 0 2.004 2.607A8.87 8.87 0 0 0 8.977 19a13.5 13.5 0 0 0 2.44-.223a10 10 0 0 0 3.19-1.16a8.7 8.7 0 0 0 2.17-1.78a11.8 11.8 0 0 0 2.125-3.664h.185a3.05 3.05 0 0 0 2.236-.844a2.5 2.5 0 0 0 .594-.872l.083-.241Z"/><path fill="currentColor" d="M3.847 11.06H5.61a.156.156 0 0 0 .157-.158V9.325a.156.156 0 0 0-.157-.157H3.847a.156.156 0 0 0-.158.157v1.577a.16.16 0 0 0 .158.158m2.43 0H8.04a.156.156 0 0 0 .157-.158V9.325a.156.156 0 0 0-.157-.157H6.277a.156.156 0 0 0-.157.157v1.577a.16.16 0 0 0 .157.158m2.477 0h1.762a.156.156 0 0 0 .158-.158V9.325a.156.156 0 0 0-.158-.157H8.754a.156.156 0 0 0-.158.157v1.577a.15.15 0 0 0 .158.158m2.44 0h1.762a.156.156 0 0 0 .158-.158V9.325a.156.156 0 0 0-.158-.157h-1.762a.156.156 0 0 0-.158.157v1.577a.156.156 0 0 0 .158.158M6.277 8.806H8.04a.163.163 0 0 0 .157-.158V7.071a.156.156 0 0 0-.157-.157H6.277a.156.156 0 0 0-.157.157v1.577a.17.17 0 0 0 .157.158m2.477 0h1.762a.163.163 0 0 0 .158-.158V7.071a.156.156 0 0 0-.158-.157H8.754a.156.156 0 0 0-.158.157v1.577a.156.156 0 0 0 .158.158m2.44 0h1.762a.163.163 0 0 0 .158-.158V7.071a.163.163 0 0 0-.158-.157h-1.762a.156.156 0 0 0-.158.157v1.577a.163.163 0 0 0 .158.158m0-2.263h1.762a.156.156 0 0 0 .158-.158V4.808a.163.163 0 0 0-.158-.158h-1.762a.156.156 0 0 0-.158.158v1.577a.163.163 0 0 0 .158.158m2.458 4.517h1.762a.156.156 0 0 0 .158-.158V9.325a.156.156 0 0 0-.158-.157h-1.762a.156.156 0 0 0-.158.157v1.577a.16.16 0 0 0 .158.158" opacity=".25"/></svg>
React
import type { SVGProps } from "react";
export function UimDocker(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.805 10.077a2.63 2.63 0 0 0-1.632-.427a5 5 0 0 0-.844.074A3.18 3.18 0 0 0 17.9 7.581l-.287-.167l-.186.27a4 4 0 0 0-.51 1.187a2.82 2.82 0 0 0 .334 2.217a3.9 3.9 0 0 1-1.457.352H2.623a.62.62 0 0 0-.622.622a9.4 9.4 0 0 0 .575 3.385a5.08 5.08 0 0 0 2.004 2.607A8.87 8.87 0 0 0 8.977 19a13.5 13.5 0 0 0 2.44-.223a10 10 0 0 0 3.19-1.16a8.7 8.7 0 0 0 2.17-1.78a11.8 11.8 0 0 0 2.125-3.664h.185a3.05 3.05 0 0 0 2.236-.844a2.5 2.5 0 0 0 .594-.872l.083-.241Z"/><path fill="currentColor" d="M3.847 11.06H5.61a.156.156 0 0 0 .157-.158V9.325a.156.156 0 0 0-.157-.157H3.847a.156.156 0 0 0-.158.157v1.577a.16.16 0 0 0 .158.158m2.43 0H8.04a.156.156 0 0 0 .157-.158V9.325a.156.156 0 0 0-.157-.157H6.277a.156.156 0 0 0-.157.157v1.577a.16.16 0 0 0 .157.158m2.477 0h1.762a.156.156 0 0 0 .158-.158V9.325a.156.156 0 0 0-.158-.157H8.754a.156.156 0 0 0-.158.157v1.577a.15.15 0 0 0 .158.158m2.44 0h1.762a.156.156 0 0 0 .158-.158V9.325a.156.156 0 0 0-.158-.157h-1.762a.156.156 0 0 0-.158.157v1.577a.156.156 0 0 0 .158.158M6.277 8.806H8.04a.163.163 0 0 0 .157-.158V7.071a.156.156 0 0 0-.157-.157H6.277a.156.156 0 0 0-.157.157v1.577a.17.17 0 0 0 .157.158m2.477 0h1.762a.163.163 0 0 0 .158-.158V7.071a.156.156 0 0 0-.158-.157H8.754a.156.156 0 0 0-.158.157v1.577a.156.156 0 0 0 .158.158m2.44 0h1.762a.163.163 0 0 0 .158-.158V7.071a.163.163 0 0 0-.158-.157h-1.762a.156.156 0 0 0-.158.157v1.577a.163.163 0 0 0 .158.158m0-2.263h1.762a.156.156 0 0 0 .158-.158V4.808a.163.163 0 0 0-.158-.158h-1.762a.156.156 0 0 0-.158.158v1.577a.163.163 0 0 0 .158.158m2.458 4.517h1.762a.156.156 0 0 0 .158-.158V9.325a.156.156 0 0 0-.158-.157h-1.762a.156.156 0 0 0-.158.157v1.577a.16.16 0 0 0 .158.158" opacity=".25"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.805 10.077a2.63 2.63 0 0 0-1.632-.427a5 5 0 0 0-.844.074A3.18 3.18 0 0 0 17.9 7.581l-.287-.167l-.186.27a4 4 0 0 0-.51 1.187a2.82 2.82 0 0 0 .334 2.217a3.9 3.9 0 0 1-1.457.352H2.623a.62.62 0 0 0-.622.622a9.4 9.4 0 0 0 .575 3.385a5.08 5.08 0 0 0 2.004 2.607A8.87 8.87 0 0 0 8.977 19a13.5 13.5 0 0 0 2.44-.223a10 10 0 0 0 3.19-1.16a8.7 8.7 0 0 0 2.17-1.78a11.8 11.8 0 0 0 2.125-3.664h.185a3.05 3.05 0 0 0 2.236-.844a2.5 2.5 0 0 0 .594-.872l.083-.241Z"/><path fill="currentColor" d="M3.847 11.06H5.61a.156.156 0 0 0 .157-.158V9.325a.156.156 0 0 0-.157-.157H3.847a.156.156 0 0 0-.158.157v1.577a.16.16 0 0 0 .158.158m2.43 0H8.04a.156.156 0 0 0 .157-.158V9.325a.156.156 0 0 0-.157-.157H6.277a.156.156 0 0 0-.157.157v1.577a.16.16 0 0 0 .157.158m2.477 0h1.762a.156.156 0 0 0 .158-.158V9.325a.156.156 0 0 0-.158-.157H8.754a.156.156 0 0 0-.158.157v1.577a.15.15 0 0 0 .158.158m2.44 0h1.762a.156.156 0 0 0 .158-.158V9.325a.156.156 0 0 0-.158-.157h-1.762a.156.156 0 0 0-.158.157v1.577a.156.156 0 0 0 .158.158M6.277 8.806H8.04a.163.163 0 0 0 .157-.158V7.071a.156.156 0 0 0-.157-.157H6.277a.156.156 0 0 0-.157.157v1.577a.17.17 0 0 0 .157.158m2.477 0h1.762a.163.163 0 0 0 .158-.158V7.071a.156.156 0 0 0-.158-.157H8.754a.156.156 0 0 0-.158.157v1.577a.156.156 0 0 0 .158.158m2.44 0h1.762a.163.163 0 0 0 .158-.158V7.071a.163.163 0 0 0-.158-.157h-1.762a.156.156 0 0 0-.158.157v1.577a.163.163 0 0 0 .158.158m0-2.263h1.762a.156.156 0 0 0 .158-.158V4.808a.163.163 0 0 0-.158-.158h-1.762a.156.156 0 0 0-.158.158v1.577a.163.163 0 0 0 .158.158m2.458 4.517h1.762a.156.156 0 0 0 .158-.158V9.325a.156.156 0 0 0-.158-.157h-1.762a.156.156 0 0 0-.158.157v1.577a.16.16 0 0 0 .158.158" opacity=".25"/></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%22currentColor%22%20d%3D%22M21.805%2010.077a2.63%202.63%200%200%200-1.632-.427a5%205%200%200%200-.844.074A3.18%203.18%200%200%200%2017.9%207.581l-.287-.167l-.186.27a4%204%200%200%200-.51%201.187a2.82%202.82%200%200%200%20.334%202.217a3.9%203.9%200%200%201-1.457.352H2.623a.62.62%200%200%200-.622.622a9.4%209.4%200%200%200%20.575%203.385a5.08%205.08%200%200%200%202.004%202.607A8.87%208.87%200%200%200%208.977%2019a13.5%2013.5%200%200%200%202.44-.223a10%2010%200%200%200%203.19-1.16a8.7%208.7%200%200%200%202.17-1.78a11.8%2011.8%200%200%200%202.125-3.664h.185a3.05%203.05%200%200%200%202.236-.844a2.5%202.5%200%200%200%20.594-.872l.083-.241Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.847%2011.06H5.61a.156.156%200%200%200%20.157-.158V9.325a.156.156%200%200%200-.157-.157H3.847a.156.156%200%200%200-.158.157v1.577a.16.16%200%200%200%20.158.158m2.43%200H8.04a.156.156%200%200%200%20.157-.158V9.325a.156.156%200%200%200-.157-.157H6.277a.156.156%200%200%200-.157.157v1.577a.16.16%200%200%200%20.157.158m2.477%200h1.762a.156.156%200%200%200%20.158-.158V9.325a.156.156%200%200%200-.158-.157H8.754a.156.156%200%200%200-.158.157v1.577a.15.15%200%200%200%20.158.158m2.44%200h1.762a.156.156%200%200%200%20.158-.158V9.325a.156.156%200%200%200-.158-.157h-1.762a.156.156%200%200%200-.158.157v1.577a.156.156%200%200%200%20.158.158M6.277%208.806H8.04a.163.163%200%200%200%20.157-.158V7.071a.156.156%200%200%200-.157-.157H6.277a.156.156%200%200%200-.157.157v1.577a.17.17%200%200%200%20.157.158m2.477%200h1.762a.163.163%200%200%200%20.158-.158V7.071a.156.156%200%200%200-.158-.157H8.754a.156.156%200%200%200-.158.157v1.577a.156.156%200%200%200%20.158.158m2.44%200h1.762a.163.163%200%200%200%20.158-.158V7.071a.163.163%200%200%200-.158-.157h-1.762a.156.156%200%200%200-.158.157v1.577a.163.163%200%200%200%20.158.158m0-2.263h1.762a.156.156%200%200%200%20.158-.158V4.808a.163.163%200%200%200-.158-.158h-1.762a.156.156%200%200%200-.158.158v1.577a.163.163%200%200%200%20.158.158m2.458%204.517h1.762a.156.156%200%200%200%20.158-.158V9.325a.156.156%200%200%200-.158-.157h-1.762a.156.156%200%200%200-.158.157v1.577a.16.16%200%200%200%20.158.158%22%20opacity%3D%22.25%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%22currentColor%22%20d%3D%22M21.805%2010.077a2.63%202.63%200%200%200-1.632-.427a5%205%200%200%200-.844.074A3.18%203.18%200%200%200%2017.9%207.581l-.287-.167l-.186.27a4%204%200%200%200-.51%201.187a2.82%202.82%200%200%200%20.334%202.217a3.9%203.9%200%200%201-1.457.352H2.623a.62.62%200%200%200-.622.622a9.4%209.4%200%200%200%20.575%203.385a5.08%205.08%200%200%200%202.004%202.607A8.87%208.87%200%200%200%208.977%2019a13.5%2013.5%200%200%200%202.44-.223a10%2010%200%200%200%203.19-1.16a8.7%208.7%200%200%200%202.17-1.78a11.8%2011.8%200%200%200%202.125-3.664h.185a3.05%203.05%200%200%200%202.236-.844a2.5%202.5%200%200%200%20.594-.872l.083-.241Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.847%2011.06H5.61a.156.156%200%200%200%20.157-.158V9.325a.156.156%200%200%200-.157-.157H3.847a.156.156%200%200%200-.158.157v1.577a.16.16%200%200%200%20.158.158m2.43%200H8.04a.156.156%200%200%200%20.157-.158V9.325a.156.156%200%200%200-.157-.157H6.277a.156.156%200%200%200-.157.157v1.577a.16.16%200%200%200%20.157.158m2.477%200h1.762a.156.156%200%200%200%20.158-.158V9.325a.156.156%200%200%200-.158-.157H8.754a.156.156%200%200%200-.158.157v1.577a.15.15%200%200%200%20.158.158m2.44%200h1.762a.156.156%200%200%200%20.158-.158V9.325a.156.156%200%200%200-.158-.157h-1.762a.156.156%200%200%200-.158.157v1.577a.156.156%200%200%200%20.158.158M6.277%208.806H8.04a.163.163%200%200%200%20.157-.158V7.071a.156.156%200%200%200-.157-.157H6.277a.156.156%200%200%200-.157.157v1.577a.17.17%200%200%200%20.157.158m2.477%200h1.762a.163.163%200%200%200%20.158-.158V7.071a.156.156%200%200%200-.158-.157H8.754a.156.156%200%200%200-.158.157v1.577a.156.156%200%200%200%20.158.158m2.44%200h1.762a.163.163%200%200%200%20.158-.158V7.071a.163.163%200%200%200-.158-.157h-1.762a.156.156%200%200%200-.158.157v1.577a.163.163%200%200%200%20.158.158m0-2.263h1.762a.156.156%200%200%200%20.158-.158V4.808a.163.163%200%200%200-.158-.158h-1.762a.156.156%200%200%200-.158.158v1.577a.163.163%200%200%200%20.158.158m2.458%204.517h1.762a.156.156%200%200%200%20.158-.158V9.325a.156.156%200%200%200-.158-.157h-1.762a.156.156%200%200%200-.158.157v1.577a.16.16%200%200%200%20.158.158%22%20opacity%3D%22.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uim/docker.svg?color=%231a73e8&size=48
