docker icon
docker from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- docker
- Set
- Unicons
- Style
- Line
- 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 Monochrome
More brand logos icons from Unicons
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="M8.8 8.8h1.8c.1 0 .2-.1.2-.2V7.1c0-.1-.1-.2-.2-.2H8.8c-.1 0-.2.1-.2.2v1.6s.1.1.2.1m2.4 2.3H13c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2m0-2.3H13c.1 0 .2-.1.2-.2V7.1l-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6s.1.1.2.1m2.5 2.3h1.8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2m-2.5-4.6H13c.1 0 .2-.1.2-.2V4.8c0-.1-.1-.2-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.1.2.1m-7.4 4.6h1.8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H3.8c-.1 0-.2.1-.2.2v1.6zm18-1c-.5-.3-1.1-.5-1.6-.4c-.3 0-.6 0-.8.1c-.2-.9-.7-1.7-1.4-2.1l-.3-.2l-.2.3c-.3.2-.5.6-.6 1.1c-.2.8-.1 1.6.3 2.2c-.5.2-1 .3-1.5.4H2.6c-.3 0-.6.3-.6.6c0 1.2.2 2.3.6 3.4s1.1 2 2 2.6c1.4.7 2.9 1 4.4.9c.8 0 1.6-.1 2.4-.2c1.1-.2 2.2-.6 3.2-1.2c.8-.5 1.5-1.1 2.2-1.8c.9-1.1 1.6-2.3 2.1-3.7h.2c.8 0 1.6-.3 2.2-.8q.45-.3.6-.9l.1-.2zm-15.5 1H8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H6.3c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2m0-2.3H8c.1 0 .2-.1.2-.2V7.1c0-.1-.1-.2-.2-.2H6.3c-.1 0-.2.1-.2.2v1.6s.1.1.2.1m2.5 2.3h1.8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H8.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2"/></svg>
React
import type { SVGProps } from "react";
export function UilDocker(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="M8.8 8.8h1.8c.1 0 .2-.1.2-.2V7.1c0-.1-.1-.2-.2-.2H8.8c-.1 0-.2.1-.2.2v1.6s.1.1.2.1m2.4 2.3H13c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2m0-2.3H13c.1 0 .2-.1.2-.2V7.1l-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6s.1.1.2.1m2.5 2.3h1.8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2m-2.5-4.6H13c.1 0 .2-.1.2-.2V4.8c0-.1-.1-.2-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.1.2.1m-7.4 4.6h1.8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H3.8c-.1 0-.2.1-.2.2v1.6zm18-1c-.5-.3-1.1-.5-1.6-.4c-.3 0-.6 0-.8.1c-.2-.9-.7-1.7-1.4-2.1l-.3-.2l-.2.3c-.3.2-.5.6-.6 1.1c-.2.8-.1 1.6.3 2.2c-.5.2-1 .3-1.5.4H2.6c-.3 0-.6.3-.6.6c0 1.2.2 2.3.6 3.4s1.1 2 2 2.6c1.4.7 2.9 1 4.4.9c.8 0 1.6-.1 2.4-.2c1.1-.2 2.2-.6 3.2-1.2c.8-.5 1.5-1.1 2.2-1.8c.9-1.1 1.6-2.3 2.1-3.7h.2c.8 0 1.6-.3 2.2-.8q.45-.3.6-.9l.1-.2zm-15.5 1H8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H6.3c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2m0-2.3H8c.1 0 .2-.1.2-.2V7.1c0-.1-.1-.2-.2-.2H6.3c-.1 0-.2.1-.2.2v1.6s.1.1.2.1m2.5 2.3h1.8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H8.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.8 8.8h1.8c.1 0 .2-.1.2-.2V7.1c0-.1-.1-.2-.2-.2H8.8c-.1 0-.2.1-.2.2v1.6s.1.1.2.1m2.4 2.3H13c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2m0-2.3H13c.1 0 .2-.1.2-.2V7.1l-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6s.1.1.2.1m2.5 2.3h1.8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2m-2.5-4.6H13c.1 0 .2-.1.2-.2V4.8c0-.1-.1-.2-.2-.2h-1.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.1.2.1m-7.4 4.6h1.8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H3.8c-.1 0-.2.1-.2.2v1.6zm18-1c-.5-.3-1.1-.5-1.6-.4c-.3 0-.6 0-.8.1c-.2-.9-.7-1.7-1.4-2.1l-.3-.2l-.2.3c-.3.2-.5.6-.6 1.1c-.2.8-.1 1.6.3 2.2c-.5.2-1 .3-1.5.4H2.6c-.3 0-.6.3-.6.6c0 1.2.2 2.3.6 3.4s1.1 2 2 2.6c1.4.7 2.9 1 4.4.9c.8 0 1.6-.1 2.4-.2c1.1-.2 2.2-.6 3.2-1.2c.8-.5 1.5-1.1 2.2-1.8c.9-1.1 1.6-2.3 2.1-3.7h.2c.8 0 1.6-.3 2.2-.8q.45-.3.6-.9l.1-.2zm-15.5 1H8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H6.3c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2m0-2.3H8c.1 0 .2-.1.2-.2V7.1c0-.1-.1-.2-.2-.2H6.3c-.1 0-.2.1-.2.2v1.6s.1.1.2.1m2.5 2.3h1.8c.1 0 .2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H8.8c-.1 0-.2.1-.2.2v1.6c0 .1.1.2.2.2"/></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%22M8.8%208.8h1.8c.1%200%20.2-.1.2-.2V7.1c0-.1-.1-.2-.2-.2H8.8c-.1%200-.2.1-.2.2v1.6s.1.1.2.1m2.4%202.3H13c.1%200%20.2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2h-1.8c-.1%200-.2.1-.2.2v1.6c0%20.1.1.2.2.2m0-2.3H13c.1%200%20.2-.1.2-.2V7.1l-.2-.2h-1.8c-.1%200-.2.1-.2.2v1.6s.1.1.2.1m2.5%202.3h1.8c.1%200%20.2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2h-1.8c-.1%200-.2.1-.2.2v1.6c0%20.1.1.2.2.2m-2.5-4.6H13c.1%200%20.2-.1.2-.2V4.8c0-.1-.1-.2-.2-.2h-1.8c-.1%200-.2.1-.2.2v1.6c0%20.1.1.1.2.1m-7.4%204.6h1.8c.1%200%20.2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H3.8c-.1%200-.2.1-.2.2v1.6zm18-1c-.5-.3-1.1-.5-1.6-.4c-.3%200-.6%200-.8.1c-.2-.9-.7-1.7-1.4-2.1l-.3-.2l-.2.3c-.3.2-.5.6-.6%201.1c-.2.8-.1%201.6.3%202.2c-.5.2-1%20.3-1.5.4H2.6c-.3%200-.6.3-.6.6c0%201.2.2%202.3.6%203.4s1.1%202%202%202.6c1.4.7%202.9%201%204.4.9c.8%200%201.6-.1%202.4-.2c1.1-.2%202.2-.6%203.2-1.2c.8-.5%201.5-1.1%202.2-1.8c.9-1.1%201.6-2.3%202.1-3.7h.2c.8%200%201.6-.3%202.2-.8q.45-.3.6-.9l.1-.2zm-15.5%201H8c.1%200%20.2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H6.3c-.1%200-.2.1-.2.2v1.6c0%20.1.1.2.2.2m0-2.3H8c.1%200%20.2-.1.2-.2V7.1c0-.1-.1-.2-.2-.2H6.3c-.1%200-.2.1-.2.2v1.6s.1.1.2.1m2.5%202.3h1.8c.1%200%20.2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H8.8c-.1%200-.2.1-.2.2v1.6c0%20.1.1.2.2.2%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%22M8.8%208.8h1.8c.1%200%20.2-.1.2-.2V7.1c0-.1-.1-.2-.2-.2H8.8c-.1%200-.2.1-.2.2v1.6s.1.1.2.1m2.4%202.3H13c.1%200%20.2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2h-1.8c-.1%200-.2.1-.2.2v1.6c0%20.1.1.2.2.2m0-2.3H13c.1%200%20.2-.1.2-.2V7.1l-.2-.2h-1.8c-.1%200-.2.1-.2.2v1.6s.1.1.2.1m2.5%202.3h1.8c.1%200%20.2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2h-1.8c-.1%200-.2.1-.2.2v1.6c0%20.1.1.2.2.2m-2.5-4.6H13c.1%200%20.2-.1.2-.2V4.8c0-.1-.1-.2-.2-.2h-1.8c-.1%200-.2.1-.2.2v1.6c0%20.1.1.1.2.1m-7.4%204.6h1.8c.1%200%20.2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H3.8c-.1%200-.2.1-.2.2v1.6zm18-1c-.5-.3-1.1-.5-1.6-.4c-.3%200-.6%200-.8.1c-.2-.9-.7-1.7-1.4-2.1l-.3-.2l-.2.3c-.3.2-.5.6-.6%201.1c-.2.8-.1%201.6.3%202.2c-.5.2-1%20.3-1.5.4H2.6c-.3%200-.6.3-.6.6c0%201.2.2%202.3.6%203.4s1.1%202%202%202.6c1.4.7%202.9%201%204.4.9c.8%200%201.6-.1%202.4-.2c1.1-.2%202.2-.6%203.2-1.2c.8-.5%201.5-1.1%202.2-1.8c.9-1.1%201.6-2.3%202.1-3.7h.2c.8%200%201.6-.3%202.2-.8q.45-.3.6-.9l.1-.2zm-15.5%201H8c.1%200%20.2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H6.3c-.1%200-.2.1-.2.2v1.6c0%20.1.1.2.2.2m0-2.3H8c.1%200%20.2-.1.2-.2V7.1c0-.1-.1-.2-.2-.2H6.3c-.1%200-.2.1-.2.2v1.6s.1.1.2.1m2.5%202.3h1.8c.1%200%20.2-.1.2-.2V9.3c0-.1-.1-.2-.2-.2H8.8c-.1%200-.2.1-.2.2v1.6c0%20.1.1.2.2.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/docker.svg?color=%231a73e8&size=48
