code deploy icon

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

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

Related icons in EOS Icons

Use the code deploy icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.95 9h-.27l-4.16 6.02l-.82-.57L20.47 9h-2.34a1.25 1.25 0 1 0-2.5 0h-.43l-1.25 4l-.95-.3L14.15 9h-.9a1.25 1.25 0 0 0-2.5 0h-.9L11 12.7l-.95.3L8.8 9h-.42a1.25 1.25 0 0 0-2.5 0H3.51l3.77 5.45l-.82.57L2.3 9h-.25a10 10 0 0 1 19.9 0"/><path fill="currentColor" d="M11 15.405L9.586 14l-3.618 3.595L4.554 19l5.032 5L11 22.595L7.382 19zm2.021 7.19L14.435 24l3.618-3.595L19.467 19l-5.032-5l-1.414 1.405L16.639 19z"/></svg>

React

import type { SVGProps } from "react";

export function EosIconsCodeDeploy(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="M21.95 9h-.27l-4.16 6.02l-.82-.57L20.47 9h-2.34a1.25 1.25 0 1 0-2.5 0h-.43l-1.25 4l-.95-.3L14.15 9h-.9a1.25 1.25 0 0 0-2.5 0h-.9L11 12.7l-.95.3L8.8 9h-.42a1.25 1.25 0 0 0-2.5 0H3.51l3.77 5.45l-.82.57L2.3 9h-.25a10 10 0 0 1 19.9 0"/><path fill="currentColor" d="M11 15.405L9.586 14l-3.618 3.595L4.554 19l5.032 5L11 22.595L7.382 19zm2.021 7.19L14.435 24l3.618-3.595L19.467 19l-5.032-5l-1.414 1.405L16.639 19z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.95 9h-.27l-4.16 6.02l-.82-.57L20.47 9h-2.34a1.25 1.25 0 1 0-2.5 0h-.43l-1.25 4l-.95-.3L14.15 9h-.9a1.25 1.25 0 0 0-2.5 0h-.9L11 12.7l-.95.3L8.8 9h-.42a1.25 1.25 0 0 0-2.5 0H3.51l3.77 5.45l-.82.57L2.3 9h-.25a10 10 0 0 1 19.9 0"/><path fill="currentColor" d="M11 15.405L9.586 14l-3.618 3.595L4.554 19l5.032 5L11 22.595L7.382 19zm2.021 7.19L14.435 24l3.618-3.595L19.467 19l-5.032-5l-1.414 1.405L16.639 19z"/></svg>
</template>

CSS

.icon-code-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%22M21.95%209h-.27l-4.16%206.02l-.82-.57L20.47%209h-2.34a1.25%201.25%200%201%200-2.5%200h-.43l-1.25%204l-.95-.3L14.15%209h-.9a1.25%201.25%200%200%200-2.5%200h-.9L11%2012.7l-.95.3L8.8%209h-.42a1.25%201.25%200%200%200-2.5%200H3.51l3.77%205.45l-.82.57L2.3%209h-.25a10%2010%200%200%201%2019.9%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2015.405L9.586%2014l-3.618%203.595L4.554%2019l5.032%205L11%2022.595L7.382%2019zm2.021%207.19L14.435%2024l3.618-3.595L19.467%2019l-5.032-5l-1.414%201.405L16.639%2019z%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%22M21.95%209h-.27l-4.16%206.02l-.82-.57L20.47%209h-2.34a1.25%201.25%200%201%200-2.5%200h-.43l-1.25%204l-.95-.3L14.15%209h-.9a1.25%201.25%200%200%200-2.5%200h-.9L11%2012.7l-.95.3L8.8%209h-.42a1.25%201.25%200%200%200-2.5%200H3.51l3.77%205.45l-.82.57L2.3%209h-.25a10%2010%200%200%201%2019.9%200%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2015.405L9.586%2014l-3.618%203.595L4.554%2019l5.032%205L11%2022.595L7.382%2019zm2.021%207.19L14.435%2024l3.618-3.595L19.467%2019l-5.032-5l-1.414%201.405L16.639%2019z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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