deploy icon

deploy from EOS Icons by SUSE UX/UI team · Regular · MIT Free for personal and commercial use.

Name
deploy
Set
EOS Icons
Style
Regular
Viewbox
24×24
License
MIT

The same icon in other sets

deployCarbondeploySVG Logos

Use the deploy icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24.01 20.027v2h-24v-2h4v-1a2.006 2.006 0 0 1-2-2v-10a2.006 2.006 0 0 1 2-2h1.996v2H4.01v10h16v-10h-2.004v-2h2.004a2.006 2.006 0 0 1 2 2l-.01 10a1.997 1.997 0 0 1-1.99 2v1Zm-9-6.012l-3-3l-3 3h2v2.01h2v-2.01Zm.995-7.991a4 4 0 1 1-4-4a4 4 0 0 1 4 4m-4.4 2.96v-.56a.8.8 0 0 1-.8-.8v-.4L9.06 5.479a2.96 2.96 0 0 0 2.545 3.505m2.658-1.007a2.977 2.977 0 0 0-1.068-4.704a.797.797 0 0 1-.79.75h-.8v.8a.4.4 0 0 1-.4.4h-.8v.8h2.4a.4.4 0 0 1 .4.4v1.2h.4a.79.79 0 0 1 .658.354"/></svg>

React

import type { SVGProps } from "react";

export function EosIconsDeploy(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="M24.01 20.027v2h-24v-2h4v-1a2.006 2.006 0 0 1-2-2v-10a2.006 2.006 0 0 1 2-2h1.996v2H4.01v10h16v-10h-2.004v-2h2.004a2.006 2.006 0 0 1 2 2l-.01 10a1.997 1.997 0 0 1-1.99 2v1Zm-9-6.012l-3-3l-3 3h2v2.01h2v-2.01Zm.995-7.991a4 4 0 1 1-4-4a4 4 0 0 1 4 4m-4.4 2.96v-.56a.8.8 0 0 1-.8-.8v-.4L9.06 5.479a2.96 2.96 0 0 0 2.545 3.505m2.658-1.007a2.977 2.977 0 0 0-1.068-4.704a.797.797 0 0 1-.79.75h-.8v.8a.4.4 0 0 1-.4.4h-.8v.8h2.4a.4.4 0 0 1 .4.4v1.2h.4a.79.79 0 0 1 .658.354"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24.01 20.027v2h-24v-2h4v-1a2.006 2.006 0 0 1-2-2v-10a2.006 2.006 0 0 1 2-2h1.996v2H4.01v10h16v-10h-2.004v-2h2.004a2.006 2.006 0 0 1 2 2l-.01 10a1.997 1.997 0 0 1-1.99 2v1Zm-9-6.012l-3-3l-3 3h2v2.01h2v-2.01Zm.995-7.991a4 4 0 1 1-4-4a4 4 0 0 1 4 4m-4.4 2.96v-.56a.8.8 0 0 1-.8-.8v-.4L9.06 5.479a2.96 2.96 0 0 0 2.545 3.505m2.658-1.007a2.977 2.977 0 0 0-1.068-4.704a.797.797 0 0 1-.79.75h-.8v.8a.4.4 0 0 1-.4.4h-.8v.8h2.4a.4.4 0 0 1 .4.4v1.2h.4a.79.79 0 0 1 .658.354"/></svg>
</template>

CSS

.icon-deploy {
  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%22M24.01%2020.027v2h-24v-2h4v-1a2.006%202.006%200%200%201-2-2v-10a2.006%202.006%200%200%201%202-2h1.996v2H4.01v10h16v-10h-2.004v-2h2.004a2.006%202.006%200%200%201%202%202l-.01%2010a1.997%201.997%200%200%201-1.99%202v1Zm-9-6.012l-3-3l-3%203h2v2.01h2v-2.01Zm.995-7.991a4%204%200%201%201-4-4a4%204%200%200%201%204%204m-4.4%202.96v-.56a.8.8%200%200%201-.8-.8v-.4L9.06%205.479a2.96%202.96%200%200%200%202.545%203.505m2.658-1.007a2.977%202.977%200%200%200-1.068-4.704a.797.797%200%200%201-.79.75h-.8v.8a.4.4%200%200%201-.4.4h-.8v.8h2.4a.4.4%200%200%201%20.4.4v1.2h.4a.79.79%200%200%201%20.658.354%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%22M24.01%2020.027v2h-24v-2h4v-1a2.006%202.006%200%200%201-2-2v-10a2.006%202.006%200%200%201%202-2h1.996v2H4.01v10h16v-10h-2.004v-2h2.004a2.006%202.006%200%200%201%202%202l-.01%2010a1.997%201.997%200%200%201-1.99%202v1Zm-9-6.012l-3-3l-3%203h2v2.01h2v-2.01Zm.995-7.991a4%204%200%201%201-4-4a4%204%200%200%201%204%204m-4.4%202.96v-.56a.8.8%200%200%201-.8-.8v-.4L9.06%205.479a2.96%202.96%200%200%200%202.545%203.505m2.658-1.007a2.977%202.977%200%200%200-1.068-4.704a.797.797%200%200%201-.79.75h-.8v.8a.4.4%200%200%201-.4.4h-.8v.8h2.4a.4.4%200%200%201%20.4.4v1.2h.4a.79.79%200%200%201%20.658.354%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Deploy icon — EOS Icons · IconsDB