zig logo

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

Name: zig
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

zigCatppuccin Icons zigSVG Logos zigSimple Icons zig-darkSkill Icons

Use the zig logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#f7a41d"><path d="m38.484 23.843l-15.06 18.405l-7.529-11.712z"/><path d="m38.484 23.843l-10.876 9.203l-4.183 9.202h-5.02v42.667h7.53l-9.203 4.183l-6.693 14.222H0V23.843z"/><path d="M25.935 84.915L10.039 103.32l-6.693-9.202zM46.85 23.843l5.02 11.713l-20.916 6.692z"/><path d="M46.85 23.843h46.013v18.405H30.954L46.85 32.21zm50.196 61.072L81.15 103.32l-5.856-10.875z"/><path d="m97.046 84.915l-13.386 7.53l-2.51 10.875H35.137V84.915z"/><path d="M125.49 5.438L43.503 103.32L2.51 122.562l81.987-98.719zm-7.53 18.405l-.836 15.06l-15.059 4.182z"/><path d="M128 23.843v79.477H88.68l11.712-10.039l4.183-8.366h5.02v-41.83h-7.53l8.366-7.53l7.53-11.712z"/><path d="m104.575 84.915l4.183 12.55l-20.078 5.855z"/></g></svg>

React

import type { SVGProps } from "react";

export function DeviconZig(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#f7a41d"><path d="m38.484 23.843l-15.06 18.405l-7.529-11.712z"/><path d="m38.484 23.843l-10.876 9.203l-4.183 9.202h-5.02v42.667h7.53l-9.203 4.183l-6.693 14.222H0V23.843z"/><path d="M25.935 84.915L10.039 103.32l-6.693-9.202zM46.85 23.843l5.02 11.713l-20.916 6.692z"/><path d="M46.85 23.843h46.013v18.405H30.954L46.85 32.21zm50.196 61.072L81.15 103.32l-5.856-10.875z"/><path d="m97.046 84.915l-13.386 7.53l-2.51 10.875H35.137V84.915z"/><path d="M125.49 5.438L43.503 103.32L2.51 122.562l81.987-98.719zm-7.53 18.405l-.836 15.06l-15.059 4.182z"/><path d="M128 23.843v79.477H88.68l11.712-10.039l4.183-8.366h5.02v-41.83h-7.53l8.366-7.53l7.53-11.712z"/><path d="m104.575 84.915l4.183 12.55l-20.078 5.855z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#f7a41d"><path d="m38.484 23.843l-15.06 18.405l-7.529-11.712z"/><path d="m38.484 23.843l-10.876 9.203l-4.183 9.202h-5.02v42.667h7.53l-9.203 4.183l-6.693 14.222H0V23.843z"/><path d="M25.935 84.915L10.039 103.32l-6.693-9.202zM46.85 23.843l5.02 11.713l-20.916 6.692z"/><path d="M46.85 23.843h46.013v18.405H30.954L46.85 32.21zm50.196 61.072L81.15 103.32l-5.856-10.875z"/><path d="m97.046 84.915l-13.386 7.53l-2.51 10.875H35.137V84.915z"/><path d="M125.49 5.438L43.503 103.32L2.51 122.562l81.987-98.719zm-7.53 18.405l-.836 15.06l-15.059 4.182z"/><path d="M128 23.843v79.477H88.68l11.712-10.039l4.183-8.366h5.02v-41.83h-7.53l8.366-7.53l7.53-11.712z"/><path d="m104.575 84.915l4.183 12.55l-20.078 5.855z"/></g></svg>
</template>

CSS

.icon-zig {
  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%3Cg%20fill%3D%22%23f7a41d%22%3E%3Cpath%20d%3D%22m38.484%2023.843l-15.06%2018.405l-7.529-11.712z%22%2F%3E%3Cpath%20d%3D%22m38.484%2023.843l-10.876%209.203l-4.183%209.202h-5.02v42.667h7.53l-9.203%204.183l-6.693%2014.222H0V23.843z%22%2F%3E%3Cpath%20d%3D%22M25.935%2084.915L10.039%20103.32l-6.693-9.202zM46.85%2023.843l5.02%2011.713l-20.916%206.692z%22%2F%3E%3Cpath%20d%3D%22M46.85%2023.843h46.013v18.405H30.954L46.85%2032.21zm50.196%2061.072L81.15%20103.32l-5.856-10.875z%22%2F%3E%3Cpath%20d%3D%22m97.046%2084.915l-13.386%207.53l-2.51%2010.875H35.137V84.915z%22%2F%3E%3Cpath%20d%3D%22M125.49%205.438L43.503%20103.32L2.51%20122.562l81.987-98.719zm-7.53%2018.405l-.836%2015.06l-15.059%204.182z%22%2F%3E%3Cpath%20d%3D%22M128%2023.843v79.477H88.68l11.712-10.039l4.183-8.366h5.02v-41.83h-7.53l8.366-7.53l7.53-11.712z%22%2F%3E%3Cpath%20d%3D%22m104.575%2084.915l4.183%2012.55l-20.078%205.855z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22%23f7a41d%22%3E%3Cpath%20d%3D%22m38.484%2023.843l-15.06%2018.405l-7.529-11.712z%22%2F%3E%3Cpath%20d%3D%22m38.484%2023.843l-10.876%209.203l-4.183%209.202h-5.02v42.667h7.53l-9.203%204.183l-6.693%2014.222H0V23.843z%22%2F%3E%3Cpath%20d%3D%22M25.935%2084.915L10.039%20103.32l-6.693-9.202zM46.85%2023.843l5.02%2011.713l-20.916%206.692z%22%2F%3E%3Cpath%20d%3D%22M46.85%2023.843h46.013v18.405H30.954L46.85%2032.21zm50.196%2061.072L81.15%20103.32l-5.856-10.875z%22%2F%3E%3Cpath%20d%3D%22m97.046%2084.915l-13.386%207.53l-2.51%2010.875H35.137V84.915z%22%2F%3E%3Cpath%20d%3D%22M125.49%205.438L43.503%20103.32L2.51%20122.562l81.987-98.719zm-7.53%2018.405l-.836%2015.06l-15.059%204.182z%22%2F%3E%3Cpath%20d%3D%22M128%2023.843v79.477H88.68l11.712-10.039l4.183-8.366h5.02v-41.83h-7.53l8.366-7.53l7.53-11.712z%22%2F%3E%3Cpath%20d%3D%22m104.575%2084.915l4.183%2012.55l-20.078%205.855z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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