zed logo

zed from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
zed
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

Use the zed logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#084ccf" d="M12 8a4 4 0 0 0-4 4v88H0V12C0 5.373 5.373 0 12 0h107.172c5.345 0 8.022 6.463 4.242 10.243L57.407 76.25H76V68h8v10.25a6 6 0 0 1-6 6H49.407L35.657 98H98V48h8v50a8 8 0 0 1-8 8H27.657l-14 14H116a4 4 0 0 0 4-4V28h8v88c0 6.627-5.373 12-12 12H8.828c-5.345 0-8.022-6.463-4.242-10.243L70.343 52H52v8h-8V50a6 6 0 0 1 6-6h28.343l14-14H30v50h-8V30a8 8 0 0 1 8-8h70.343l14-14Z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconZed(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#084ccf" d="M12 8a4 4 0 0 0-4 4v88H0V12C0 5.373 5.373 0 12 0h107.172c5.345 0 8.022 6.463 4.242 10.243L57.407 76.25H76V68h8v10.25a6 6 0 0 1-6 6H49.407L35.657 98H98V48h8v50a8 8 0 0 1-8 8H27.657l-14 14H116a4 4 0 0 0 4-4V28h8v88c0 6.627-5.373 12-12 12H8.828c-5.345 0-8.022-6.463-4.242-10.243L70.343 52H52v8h-8V50a6 6 0 0 1 6-6h28.343l14-14H30v50h-8V30a8 8 0 0 1 8-8h70.343l14-14Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#084ccf" d="M12 8a4 4 0 0 0-4 4v88H0V12C0 5.373 5.373 0 12 0h107.172c5.345 0 8.022 6.463 4.242 10.243L57.407 76.25H76V68h8v10.25a6 6 0 0 1-6 6H49.407L35.657 98H98V48h8v50a8 8 0 0 1-8 8H27.657l-14 14H116a4 4 0 0 0 4-4V28h8v88c0 6.627-5.373 12-12 12H8.828c-5.345 0-8.022-6.463-4.242-10.243L70.343 52H52v8h-8V50a6 6 0 0 1 6-6h28.343l14-14H30v50h-8V30a8 8 0 0 1 8-8h70.343l14-14Z"/></svg>
</template>

CSS

.icon-zed {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23084ccf%22%20d%3D%22M12%208a4%204%200%200%200-4%204v88H0V12C0%205.373%205.373%200%2012%200h107.172c5.345%200%208.022%206.463%204.242%2010.243L57.407%2076.25H76V68h8v10.25a6%206%200%200%201-6%206H49.407L35.657%2098H98V48h8v50a8%208%200%200%201-8%208H27.657l-14%2014H116a4%204%200%200%200%204-4V28h8v88c0%206.627-5.373%2012-12%2012H8.828c-5.345%200-8.022-6.463-4.242-10.243L70.343%2052H52v8h-8V50a6%206%200%200%201%206-6h28.343l14-14H30v50h-8V30a8%208%200%200%201%208-8h70.343l14-14Z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23084ccf%22%20d%3D%22M12%208a4%204%200%200%200-4%204v88H0V12C0%205.373%205.373%200%2012%200h107.172c5.345%200%208.022%206.463%204.242%2010.243L57.407%2076.25H76V68h8v10.25a6%206%200%200%201-6%206H49.407L35.657%2098H98V48h8v50a8%208%200%200%201-8%208H27.657l-14%2014H116a4%204%200%200%200%204-4V28h8v88c0%206.627-5.373%2012-12%2012H8.828c-5.345%200-8.022-6.463-4.242-10.243L70.343%2052H52v8h-8V50a6%206%200%200%201%206-6h28.343l14-14H30v50h-8V30a8%208%200%200%201%208-8h70.343l14-14Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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