docker icon logo

docker-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
docker-icon
Set
SVG Logos
Style
Color
Viewbox
256×185
License
CC0

Use the docker icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 185"><path fill="#2396ed" d="M250.716 70.497c-5.765-4-18.976-5.5-29.304-3.5c-1.2-10-6.725-18.749-16.333-26.499l-5.524-4l-3.844 5.75c-4.803 7.5-7.205 18-6.485 28c.24 3.499 1.441 9.749 5.044 15.249c-3.362 2-10.328 4.5-19.455 4.5H1.155l-.48 2c-1.682 9.999-1.682 41.248 18.014 65.247c14.892 18.249 36.99 27.499 66.053 27.499c62.93 0 109.528-30.25 131.386-84.997c8.647.25 27.142 0 36.51-18.75c.24-.5.72-1.5 2.401-5.249l.961-2zM139.986 0h-26.42v24.999h26.42zm0 29.999h-26.42v24.999h26.42zm-31.225 0h-26.42v24.999h26.42zm-31.225 0H51.115v24.999h26.421zM46.311 59.998H19.89v24.999h26.42zm31.225 0H51.115v24.999h26.421zm31.225 0h-26.42v24.999h26.42zm31.226 0h-26.422v24.999h26.422zm31.225 0H144.79v24.999h26.422z"/></svg>

React

import type { SVGProps } from "react";

export function LogosDockerIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 185"><path fill="#2396ed" d="M250.716 70.497c-5.765-4-18.976-5.5-29.304-3.5c-1.2-10-6.725-18.749-16.333-26.499l-5.524-4l-3.844 5.75c-4.803 7.5-7.205 18-6.485 28c.24 3.499 1.441 9.749 5.044 15.249c-3.362 2-10.328 4.5-19.455 4.5H1.155l-.48 2c-1.682 9.999-1.682 41.248 18.014 65.247c14.892 18.249 36.99 27.499 66.053 27.499c62.93 0 109.528-30.25 131.386-84.997c8.647.25 27.142 0 36.51-18.75c.24-.5.72-1.5 2.401-5.249l.961-2zM139.986 0h-26.42v24.999h26.42zm0 29.999h-26.42v24.999h26.42zm-31.225 0h-26.42v24.999h26.42zm-31.225 0H51.115v24.999h26.421zM46.311 59.998H19.89v24.999h26.42zm31.225 0H51.115v24.999h26.421zm31.225 0h-26.42v24.999h26.42zm31.226 0h-26.422v24.999h26.422zm31.225 0H144.79v24.999h26.422z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 185"><path fill="#2396ed" d="M250.716 70.497c-5.765-4-18.976-5.5-29.304-3.5c-1.2-10-6.725-18.749-16.333-26.499l-5.524-4l-3.844 5.75c-4.803 7.5-7.205 18-6.485 28c.24 3.499 1.441 9.749 5.044 15.249c-3.362 2-10.328 4.5-19.455 4.5H1.155l-.48 2c-1.682 9.999-1.682 41.248 18.014 65.247c14.892 18.249 36.99 27.499 66.053 27.499c62.93 0 109.528-30.25 131.386-84.997c8.647.25 27.142 0 36.51-18.75c.24-.5.72-1.5 2.401-5.249l.961-2zM139.986 0h-26.42v24.999h26.42zm0 29.999h-26.42v24.999h26.42zm-31.225 0h-26.42v24.999h26.42zm-31.225 0H51.115v24.999h26.421zM46.311 59.998H19.89v24.999h26.42zm31.225 0H51.115v24.999h26.421zm31.225 0h-26.42v24.999h26.42zm31.226 0h-26.422v24.999h26.422zm31.225 0H144.79v24.999h26.422z"/></svg>
</template>

CSS

.icon-docker-icon {
  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%20256%20185%22%3E%3Cpath%20fill%3D%22%232396ed%22%20d%3D%22M250.716%2070.497c-5.765-4-18.976-5.5-29.304-3.5c-1.2-10-6.725-18.749-16.333-26.499l-5.524-4l-3.844%205.75c-4.803%207.5-7.205%2018-6.485%2028c.24%203.499%201.441%209.749%205.044%2015.249c-3.362%202-10.328%204.5-19.455%204.5H1.155l-.48%202c-1.682%209.999-1.682%2041.248%2018.014%2065.247c14.892%2018.249%2036.99%2027.499%2066.053%2027.499c62.93%200%20109.528-30.25%20131.386-84.997c8.647.25%2027.142%200%2036.51-18.75c.24-.5.72-1.5%202.401-5.249l.961-2zM139.986%200h-26.42v24.999h26.42zm0%2029.999h-26.42v24.999h26.42zm-31.225%200h-26.42v24.999h26.42zm-31.225%200H51.115v24.999h26.421zM46.311%2059.998H19.89v24.999h26.42zm31.225%200H51.115v24.999h26.421zm31.225%200h-26.42v24.999h26.42zm31.226%200h-26.422v24.999h26.422zm31.225%200H144.79v24.999h26.422z%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%20256%20185%22%3E%3Cpath%20fill%3D%22%232396ed%22%20d%3D%22M250.716%2070.497c-5.765-4-18.976-5.5-29.304-3.5c-1.2-10-6.725-18.749-16.333-26.499l-5.524-4l-3.844%205.75c-4.803%207.5-7.205%2018-6.485%2028c.24%203.499%201.441%209.749%205.044%2015.249c-3.362%202-10.328%204.5-19.455%204.5H1.155l-.48%202c-1.682%209.999-1.682%2041.248%2018.014%2065.247c14.892%2018.249%2036.99%2027.499%2066.053%2027.499c62.93%200%20109.528-30.25%20131.386-84.997c8.647.25%2027.142%200%2036.51-18.75c.24-.5.72-1.5%202.401-5.249l.961-2zM139.986%200h-26.42v24.999h26.42zm0%2029.999h-26.42v24.999h26.42zm-31.225%200h-26.42v24.999h26.42zm-31.225%200H51.115v24.999h26.421zM46.311%2059.998H19.89v24.999h26.42zm31.225%200H51.115v24.999h26.421zm31.225%200h-26.42v24.999h26.42zm31.226%200h-26.422v24.999h26.422zm31.225%200H144.79v24.999h26.422z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/docker-icon.svg?color=%231a73e8&size=48