edge computing icon

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

Name
edge-computing
Set
EOS Icons
Style
Regular
Viewbox
24×24
License
MIT

Related icons in EOS Icons

edge-computing-outlined

Use the edge computing icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.82 10.99L7 9.17V6H6V2h3v4H8v2.76l1.72 1.72A5.6 5.6 0 0 1 12 10a5.6 5.6 0 0 1 1 .09V5.91a1.5 1.5 0 1 1 1 0v4.46A5.45 5.45 0 0 1 16.29 12h2.8a1.5 1.5 0 1 1 0 1h-2.12a5.4 5.4 0 0 1 .54 1.53a3.74 3.74 0 0 1-.26 7.47H7.5a4.499 4.499 0 0 1-2.47-8.26l-1.89-1.89a1.518 1.518 0 1 1 .71-.71l2.13 2.13a4.4 4.4 0 0 1 1.03-.24a5.56 5.56 0 0 1 1.81-2.04"/></svg>

React

import type { SVGProps } from "react";

export function EosIconsEdgeComputing(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="M8.82 10.99L7 9.17V6H6V2h3v4H8v2.76l1.72 1.72A5.6 5.6 0 0 1 12 10a5.6 5.6 0 0 1 1 .09V5.91a1.5 1.5 0 1 1 1 0v4.46A5.45 5.45 0 0 1 16.29 12h2.8a1.5 1.5 0 1 1 0 1h-2.12a5.4 5.4 0 0 1 .54 1.53a3.74 3.74 0 0 1-.26 7.47H7.5a4.499 4.499 0 0 1-2.47-8.26l-1.89-1.89a1.518 1.518 0 1 1 .71-.71l2.13 2.13a4.4 4.4 0 0 1 1.03-.24a5.56 5.56 0 0 1 1.81-2.04"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.82 10.99L7 9.17V6H6V2h3v4H8v2.76l1.72 1.72A5.6 5.6 0 0 1 12 10a5.6 5.6 0 0 1 1 .09V5.91a1.5 1.5 0 1 1 1 0v4.46A5.45 5.45 0 0 1 16.29 12h2.8a1.5 1.5 0 1 1 0 1h-2.12a5.4 5.4 0 0 1 .54 1.53a3.74 3.74 0 0 1-.26 7.47H7.5a4.499 4.499 0 0 1-2.47-8.26l-1.89-1.89a1.518 1.518 0 1 1 .71-.71l2.13 2.13a4.4 4.4 0 0 1 1.03-.24a5.56 5.56 0 0 1 1.81-2.04"/></svg>
</template>

CSS

.icon-edge-computing {
  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%22M8.82%2010.99L7%209.17V6H6V2h3v4H8v2.76l1.72%201.72A5.6%205.6%200%200%201%2012%2010a5.6%205.6%200%200%201%201%20.09V5.91a1.5%201.5%200%201%201%201%200v4.46A5.45%205.45%200%200%201%2016.29%2012h2.8a1.5%201.5%200%201%201%200%201h-2.12a5.4%205.4%200%200%201%20.54%201.53a3.74%203.74%200%200%201-.26%207.47H7.5a4.499%204.499%200%200%201-2.47-8.26l-1.89-1.89a1.518%201.518%200%201%201%20.71-.71l2.13%202.13a4.4%204.4%200%200%201%201.03-.24a5.56%205.56%200%200%201%201.81-2.04%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%22M8.82%2010.99L7%209.17V6H6V2h3v4H8v2.76l1.72%201.72A5.6%205.6%200%200%201%2012%2010a5.6%205.6%200%200%201%201%20.09V5.91a1.5%201.5%200%201%201%201%200v4.46A5.45%205.45%200%200%201%2016.29%2012h2.8a1.5%201.5%200%201%201%200%201h-2.12a5.4%205.4%200%200%201%20.54%201.53a3.74%203.74%200%200%201-.26%207.47H7.5a4.499%204.499%200%200%201-2.47-8.26l-1.89-1.89a1.518%201.518%200%201%201%20.71-.71l2.13%202.13a4.4%204.4%200%200%201%201.03-.24a5.56%205.56%200%200%201%201.81-2.04%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Edge Computing icon — EOS Icons · IconsDB