docker logo
docker from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- docker
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the docker logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.17 9.82a5 5 0 0 0-.84.07a3.12 3.12 0 0 0-1.43-2.14l-.28-.16l-.19.27a3.7 3.7 0 0 0-.51 1.19a2.84 2.84 0 0 0 .33 2.22a4.1 4.1 0 0 1-1.45.35H2.63a.63.63 0 0 0-.63.62a9.6 9.6 0 0 0 .58 3.39a5 5 0 0 0 2 2.6a8.86 8.86 0 0 0 4.42.95a13.3 13.3 0 0 0 2.42-.18a10.1 10.1 0 0 0 3.19-1.15A8.9 8.9 0 0 0 16.78 16a12 12 0 0 0 2.13-3.67h.19a3.08 3.08 0 0 0 2.23-.84a2.36 2.36 0 0 0 .59-.87l.08-.22l-.2-.16a2.7 2.7 0 0 0-1.63-.42"/><path fill="currentColor" d="M5.61 9.35H3.85a.16.16 0 0 0-.16.15v1.58a.16.16 0 0 0 .16.15h1.76a.16.16 0 0 0 .16-.15V9.5a.16.16 0 0 0-.16-.15m2.44 0H6.28a.16.16 0 0 0-.16.15v1.58a.16.16 0 0 0 .16.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15m2.47 0H8.75a.15.15 0 0 0-.15.15v1.58a.15.15 0 0 0 .15.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15m.67 0a.15.15 0 0 0-.19.15v1.58a.15.15 0 0 0 .15.15H13a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15zM6.28 7.09H8a.16.16 0 0 1 .16.16v1.56A.16.16 0 0 1 8 9H6.28a.15.15 0 0 1-.15-.15V7.24a.15.15 0 0 1 .15-.15m2.47 0h1.77a.15.15 0 0 1 .15.15v1.57a.16.16 0 0 1-.16.16H8.75a.15.15 0 0 1-.15-.15V7.24a.15.15 0 0 1 .15-.15m2.44 0H13a.15.15 0 0 1 .15.15v1.57A.15.15 0 0 1 13 9h-1.81a.16.16 0 0 1-.19-.19V7.24a.15.15 0 0 1 .19-.15"/><rect width="2.07" height="1.88" x="11.04" y="4.82" fill="currentColor" rx=".15"/><path fill="currentColor" d="M13.65 9.35a.15.15 0 0 0-.15.15v1.58a.15.15 0 0 0 .15.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15z"/></svg>
React
import type { SVGProps } from "react";
export function BxlDocker(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="M20.17 9.82a5 5 0 0 0-.84.07a3.12 3.12 0 0 0-1.43-2.14l-.28-.16l-.19.27a3.7 3.7 0 0 0-.51 1.19a2.84 2.84 0 0 0 .33 2.22a4.1 4.1 0 0 1-1.45.35H2.63a.63.63 0 0 0-.63.62a9.6 9.6 0 0 0 .58 3.39a5 5 0 0 0 2 2.6a8.86 8.86 0 0 0 4.42.95a13.3 13.3 0 0 0 2.42-.18a10.1 10.1 0 0 0 3.19-1.15A8.9 8.9 0 0 0 16.78 16a12 12 0 0 0 2.13-3.67h.19a3.08 3.08 0 0 0 2.23-.84a2.36 2.36 0 0 0 .59-.87l.08-.22l-.2-.16a2.7 2.7 0 0 0-1.63-.42"/><path fill="currentColor" d="M5.61 9.35H3.85a.16.16 0 0 0-.16.15v1.58a.16.16 0 0 0 .16.15h1.76a.16.16 0 0 0 .16-.15V9.5a.16.16 0 0 0-.16-.15m2.44 0H6.28a.16.16 0 0 0-.16.15v1.58a.16.16 0 0 0 .16.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15m2.47 0H8.75a.15.15 0 0 0-.15.15v1.58a.15.15 0 0 0 .15.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15m.67 0a.15.15 0 0 0-.19.15v1.58a.15.15 0 0 0 .15.15H13a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15zM6.28 7.09H8a.16.16 0 0 1 .16.16v1.56A.16.16 0 0 1 8 9H6.28a.15.15 0 0 1-.15-.15V7.24a.15.15 0 0 1 .15-.15m2.47 0h1.77a.15.15 0 0 1 .15.15v1.57a.16.16 0 0 1-.16.16H8.75a.15.15 0 0 1-.15-.15V7.24a.15.15 0 0 1 .15-.15m2.44 0H13a.15.15 0 0 1 .15.15v1.57A.15.15 0 0 1 13 9h-1.81a.16.16 0 0 1-.19-.19V7.24a.15.15 0 0 1 .19-.15"/><rect width="2.07" height="1.88" x="11.04" y="4.82" fill="currentColor" rx=".15"/><path fill="currentColor" d="M13.65 9.35a.15.15 0 0 0-.15.15v1.58a.15.15 0 0 0 .15.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.17 9.82a5 5 0 0 0-.84.07a3.12 3.12 0 0 0-1.43-2.14l-.28-.16l-.19.27a3.7 3.7 0 0 0-.51 1.19a2.84 2.84 0 0 0 .33 2.22a4.1 4.1 0 0 1-1.45.35H2.63a.63.63 0 0 0-.63.62a9.6 9.6 0 0 0 .58 3.39a5 5 0 0 0 2 2.6a8.86 8.86 0 0 0 4.42.95a13.3 13.3 0 0 0 2.42-.18a10.1 10.1 0 0 0 3.19-1.15A8.9 8.9 0 0 0 16.78 16a12 12 0 0 0 2.13-3.67h.19a3.08 3.08 0 0 0 2.23-.84a2.36 2.36 0 0 0 .59-.87l.08-.22l-.2-.16a2.7 2.7 0 0 0-1.63-.42"/><path fill="currentColor" d="M5.61 9.35H3.85a.16.16 0 0 0-.16.15v1.58a.16.16 0 0 0 .16.15h1.76a.16.16 0 0 0 .16-.15V9.5a.16.16 0 0 0-.16-.15m2.44 0H6.28a.16.16 0 0 0-.16.15v1.58a.16.16 0 0 0 .16.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15m2.47 0H8.75a.15.15 0 0 0-.15.15v1.58a.15.15 0 0 0 .15.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15m.67 0a.15.15 0 0 0-.19.15v1.58a.15.15 0 0 0 .15.15H13a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15zM6.28 7.09H8a.16.16 0 0 1 .16.16v1.56A.16.16 0 0 1 8 9H6.28a.15.15 0 0 1-.15-.15V7.24a.15.15 0 0 1 .15-.15m2.47 0h1.77a.15.15 0 0 1 .15.15v1.57a.16.16 0 0 1-.16.16H8.75a.15.15 0 0 1-.15-.15V7.24a.15.15 0 0 1 .15-.15m2.44 0H13a.15.15 0 0 1 .15.15v1.57A.15.15 0 0 1 13 9h-1.81a.16.16 0 0 1-.19-.19V7.24a.15.15 0 0 1 .19-.15"/><rect width="2.07" height="1.88" x="11.04" y="4.82" fill="currentColor" rx=".15"/><path fill="currentColor" d="M13.65 9.35a.15.15 0 0 0-.15.15v1.58a.15.15 0 0 0 .15.15h1.77a.15.15 0 0 0 .15-.15V9.5a.15.15 0 0 0-.15-.15z"/></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%22M20.17%209.82a5%205%200%200%200-.84.07a3.12%203.12%200%200%200-1.43-2.14l-.28-.16l-.19.27a3.7%203.7%200%200%200-.51%201.19a2.84%202.84%200%200%200%20.33%202.22a4.1%204.1%200%200%201-1.45.35H2.63a.63.63%200%200%200-.63.62a9.6%209.6%200%200%200%20.58%203.39a5%205%200%200%200%202%202.6a8.86%208.86%200%200%200%204.42.95a13.3%2013.3%200%200%200%202.42-.18a10.1%2010.1%200%200%200%203.19-1.15A8.9%208.9%200%200%200%2016.78%2016a12%2012%200%200%200%202.13-3.67h.19a3.08%203.08%200%200%200%202.23-.84a2.36%202.36%200%200%200%20.59-.87l.08-.22l-.2-.16a2.7%202.7%200%200%200-1.63-.42%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.61%209.35H3.85a.16.16%200%200%200-.16.15v1.58a.16.16%200%200%200%20.16.15h1.76a.16.16%200%200%200%20.16-.15V9.5a.16.16%200%200%200-.16-.15m2.44%200H6.28a.16.16%200%200%200-.16.15v1.58a.16.16%200%200%200%20.16.15h1.77a.15.15%200%200%200%20.15-.15V9.5a.15.15%200%200%200-.15-.15m2.47%200H8.75a.15.15%200%200%200-.15.15v1.58a.15.15%200%200%200%20.15.15h1.77a.15.15%200%200%200%20.15-.15V9.5a.15.15%200%200%200-.15-.15m.67%200a.15.15%200%200%200-.19.15v1.58a.15.15%200%200%200%20.15.15H13a.15.15%200%200%200%20.15-.15V9.5a.15.15%200%200%200-.15-.15zM6.28%207.09H8a.16.16%200%200%201%20.16.16v1.56A.16.16%200%200%201%208%209H6.28a.15.15%200%200%201-.15-.15V7.24a.15.15%200%200%201%20.15-.15m2.47%200h1.77a.15.15%200%200%201%20.15.15v1.57a.16.16%200%200%201-.16.16H8.75a.15.15%200%200%201-.15-.15V7.24a.15.15%200%200%201%20.15-.15m2.44%200H13a.15.15%200%200%201%20.15.15v1.57A.15.15%200%200%201%2013%209h-1.81a.16.16%200%200%201-.19-.19V7.24a.15.15%200%200%201%20.19-.15%22%2F%3E%3Crect%20width%3D%222.07%22%20height%3D%221.88%22%20x%3D%2211.04%22%20y%3D%224.82%22%20fill%3D%22currentColor%22%20rx%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.65%209.35a.15.15%200%200%200-.15.15v1.58a.15.15%200%200%200%20.15.15h1.77a.15.15%200%200%200%20.15-.15V9.5a.15.15%200%200%200-.15-.15z%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%22M20.17%209.82a5%205%200%200%200-.84.07a3.12%203.12%200%200%200-1.43-2.14l-.28-.16l-.19.27a3.7%203.7%200%200%200-.51%201.19a2.84%202.84%200%200%200%20.33%202.22a4.1%204.1%200%200%201-1.45.35H2.63a.63.63%200%200%200-.63.62a9.6%209.6%200%200%200%20.58%203.39a5%205%200%200%200%202%202.6a8.86%208.86%200%200%200%204.42.95a13.3%2013.3%200%200%200%202.42-.18a10.1%2010.1%200%200%200%203.19-1.15A8.9%208.9%200%200%200%2016.78%2016a12%2012%200%200%200%202.13-3.67h.19a3.08%203.08%200%200%200%202.23-.84a2.36%202.36%200%200%200%20.59-.87l.08-.22l-.2-.16a2.7%202.7%200%200%200-1.63-.42%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.61%209.35H3.85a.16.16%200%200%200-.16.15v1.58a.16.16%200%200%200%20.16.15h1.76a.16.16%200%200%200%20.16-.15V9.5a.16.16%200%200%200-.16-.15m2.44%200H6.28a.16.16%200%200%200-.16.15v1.58a.16.16%200%200%200%20.16.15h1.77a.15.15%200%200%200%20.15-.15V9.5a.15.15%200%200%200-.15-.15m2.47%200H8.75a.15.15%200%200%200-.15.15v1.58a.15.15%200%200%200%20.15.15h1.77a.15.15%200%200%200%20.15-.15V9.5a.15.15%200%200%200-.15-.15m.67%200a.15.15%200%200%200-.19.15v1.58a.15.15%200%200%200%20.15.15H13a.15.15%200%200%200%20.15-.15V9.5a.15.15%200%200%200-.15-.15zM6.28%207.09H8a.16.16%200%200%201%20.16.16v1.56A.16.16%200%200%201%208%209H6.28a.15.15%200%200%201-.15-.15V7.24a.15.15%200%200%201%20.15-.15m2.47%200h1.77a.15.15%200%200%201%20.15.15v1.57a.16.16%200%200%201-.16.16H8.75a.15.15%200%200%201-.15-.15V7.24a.15.15%200%200%201%20.15-.15m2.44%200H13a.15.15%200%200%201%20.15.15v1.57A.15.15%200%200%201%2013%209h-1.81a.16.16%200%200%201-.19-.19V7.24a.15.15%200%200%201%20.19-.15%22%2F%3E%3Crect%20width%3D%222.07%22%20height%3D%221.88%22%20x%3D%2211.04%22%20y%3D%224.82%22%20fill%3D%22currentColor%22%20rx%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.65%209.35a.15.15%200%200%200-.15.15v1.58a.15.15%200%200%200%20.15.15h1.77a.15.15%200%200%200%20.15-.15V9.5a.15.15%200%200%200-.15-.15z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/docker.svg?color=%231a73e8&size=48
