docker icon

docker-outline from Teenyicons by smhmd · Outline · MIT Free for personal and commercial use.

Name
docker-outline
Set
Teenyicons
Style
Outline
Viewbox
15×15
License
MIT

1 other variant in Teenyicons

docker-solid

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 IconsdockerUniconsdockerUnicons Monochrome

Use the docker icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M.5 5.5V5H0v.5zm2-2V3H2v.5zm4-2V1H6v.5zm2 0H9V1h-.5zm4 6H12V8h.5zM1 7.5v-2H0v2zm2 0v-4H2v4zM2.5 4h6V3h-6zM8 3.5v4h1v-4zm-3 4v-4H4v4zm2 0v-6H6v6zM6.5 2h2V1h-2zM8 1.5v2h1v-2zm5.736 8.5H15V9h-1.264zM10 5v.5h1V5zm2 1.5v1h1v-1zm.5 1.5h1V7h-1zm1.5.5v1h1v-1zm-.5-.5a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 13.5 7zm-2-2a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 11.5 5zM3 10h1V9H3zm5.5-3h-8v1h8zM0 7.5v1h1v-1zM5.5 14h.528v-1H5.5zm.528 0a7.74 7.74 0 0 0 6.23-3.15l-.805-.593A6.74 6.74 0 0 1 6.028 13zM0 8.5A5.5 5.5 0 0 0 5.5 14v-1A4.5 4.5 0 0 1 1 8.5zM.5 6h11V5H.5zm9.5-.5A1.5 1.5 0 0 1 8.5 7v1A2.5 2.5 0 0 0 11 5.5zM13.736 9c-.96 0-1.769.558-2.283 1.257l.806.593c.383-.522.922-.85 1.477-.85z"/></svg>

React

import type { SVGProps } from "react";

export function TeenyiconsDockerOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M.5 5.5V5H0v.5zm2-2V3H2v.5zm4-2V1H6v.5zm2 0H9V1h-.5zm4 6H12V8h.5zM1 7.5v-2H0v2zm2 0v-4H2v4zM2.5 4h6V3h-6zM8 3.5v4h1v-4zm-3 4v-4H4v4zm2 0v-6H6v6zM6.5 2h2V1h-2zM8 1.5v2h1v-2zm5.736 8.5H15V9h-1.264zM10 5v.5h1V5zm2 1.5v1h1v-1zm.5 1.5h1V7h-1zm1.5.5v1h1v-1zm-.5-.5a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 13.5 7zm-2-2a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 11.5 5zM3 10h1V9H3zm5.5-3h-8v1h8zM0 7.5v1h1v-1zM5.5 14h.528v-1H5.5zm.528 0a7.74 7.74 0 0 0 6.23-3.15l-.805-.593A6.74 6.74 0 0 1 6.028 13zM0 8.5A5.5 5.5 0 0 0 5.5 14v-1A4.5 4.5 0 0 1 1 8.5zM.5 6h11V5H.5zm9.5-.5A1.5 1.5 0 0 1 8.5 7v1A2.5 2.5 0 0 0 11 5.5zM13.736 9c-.96 0-1.769.558-2.283 1.257l.806.593c.383-.522.922-.85 1.477-.85z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M.5 5.5V5H0v.5zm2-2V3H2v.5zm4-2V1H6v.5zm2 0H9V1h-.5zm4 6H12V8h.5zM1 7.5v-2H0v2zm2 0v-4H2v4zM2.5 4h6V3h-6zM8 3.5v4h1v-4zm-3 4v-4H4v4zm2 0v-6H6v6zM6.5 2h2V1h-2zM8 1.5v2h1v-2zm5.736 8.5H15V9h-1.264zM10 5v.5h1V5zm2 1.5v1h1v-1zm.5 1.5h1V7h-1zm1.5.5v1h1v-1zm-.5-.5a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 13.5 7zm-2-2a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 11.5 5zM3 10h1V9H3zm5.5-3h-8v1h8zM0 7.5v1h1v-1zM5.5 14h.528v-1H5.5zm.528 0a7.74 7.74 0 0 0 6.23-3.15l-.805-.593A6.74 6.74 0 0 1 6.028 13zM0 8.5A5.5 5.5 0 0 0 5.5 14v-1A4.5 4.5 0 0 1 1 8.5zM.5 6h11V5H.5zm9.5-.5A1.5 1.5 0 0 1 8.5 7v1A2.5 2.5 0 0 0 11 5.5zM13.736 9c-.96 0-1.769.558-2.283 1.257l.806.593c.383-.522.922-.85 1.477-.85z"/></svg>
</template>

CSS

.icon-docker-outline {
  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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.5%205.5V5H0v.5zm2-2V3H2v.5zm4-2V1H6v.5zm2%200H9V1h-.5zm4%206H12V8h.5zM1%207.5v-2H0v2zm2%200v-4H2v4zM2.5%204h6V3h-6zM8%203.5v4h1v-4zm-3%204v-4H4v4zm2%200v-6H6v6zM6.5%202h2V1h-2zM8%201.5v2h1v-2zm5.736%208.5H15V9h-1.264zM10%205v.5h1V5zm2%201.5v1h1v-1zm.5%201.5h1V7h-1zm1.5.5v1h1v-1zm-.5-.5a.5.5%200%200%201%20.5.5h1A1.5%201.5%200%200%200%2013.5%207zm-2-2a.5.5%200%200%201%20.5.5h1A1.5%201.5%200%200%200%2011.5%205zM3%2010h1V9H3zm5.5-3h-8v1h8zM0%207.5v1h1v-1zM5.5%2014h.528v-1H5.5zm.528%200a7.74%207.74%200%200%200%206.23-3.15l-.805-.593A6.74%206.74%200%200%201%206.028%2013zM0%208.5A5.5%205.5%200%200%200%205.5%2014v-1A4.5%204.5%200%200%201%201%208.5zM.5%206h11V5H.5zm9.5-.5A1.5%201.5%200%200%201%208.5%207v1A2.5%202.5%200%200%200%2011%205.5zM13.736%209c-.96%200-1.769.558-2.283%201.257l.806.593c.383-.522.922-.85%201.477-.85z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.5%205.5V5H0v.5zm2-2V3H2v.5zm4-2V1H6v.5zm2%200H9V1h-.5zm4%206H12V8h.5zM1%207.5v-2H0v2zm2%200v-4H2v4zM2.5%204h6V3h-6zM8%203.5v4h1v-4zm-3%204v-4H4v4zm2%200v-6H6v6zM6.5%202h2V1h-2zM8%201.5v2h1v-2zm5.736%208.5H15V9h-1.264zM10%205v.5h1V5zm2%201.5v1h1v-1zm.5%201.5h1V7h-1zm1.5.5v1h1v-1zm-.5-.5a.5.5%200%200%201%20.5.5h1A1.5%201.5%200%200%200%2013.5%207zm-2-2a.5.5%200%200%201%20.5.5h1A1.5%201.5%200%200%200%2011.5%205zM3%2010h1V9H3zm5.5-3h-8v1h8zM0%207.5v1h1v-1zM5.5%2014h.528v-1H5.5zm.528%200a7.74%207.74%200%200%200%206.23-3.15l-.805-.593A6.74%206.74%200%200%201%206.028%2013zM0%208.5A5.5%205.5%200%200%200%205.5%2014v-1A4.5%204.5%200%200%201%201%208.5zM.5%206h11V5H.5zm9.5-.5A1.5%201.5%200%200%201%208.5%207v1A2.5%202.5%200%200%200%2011%205.5zM13.736%209c-.96%200-1.769.558-2.283%201.257l.806.593c.383-.522.922-.85%201.477-.85z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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