zig logo

zig from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: zig
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

zigCatppuccin Icons zigDevicon zigSVG Logos zigMaterial Icon Theme zigSimple Icons zig-darkSkill Icons zigWeb3 Icons

Use the zig logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#734acc" d="M3.58 9.307c0-.599.448-1.08 1-1.08h.905c.552 0 .999.481.999 1.08v4.807c0 .598-.447 1.08-.999 1.08h-.906c-.551 0-.998-.482-.998-1.08z"/><path fill="#ac8ce1" d="M17.516 9.179c0-.523.447-.952.999-.952h.906c.551 0 .998.43.998.952v3.902c0 .522-.447.952-.998.952h-.906c-.552 0-.999-.43-.999-.952z"/><path fill="#936ed8" d="M14.032 11.552c0-.551.447-1.004.998-1.004h.906c.552 0 .999.453.999 1.004v6.12c0 .552-.447 1.005-.999 1.005h-.906c-.551 0-.998-.453-.998-1.005z"/><path fill="#6640c7" d="M7.064 4.028c0-.57.447-1.028.999-1.028h.905c.552 0 1 .465 1 1.028v8.396c0 .569-.448 1.027-1 1.027h-.905c-.552 0-.999-.464-.999-1.027z"/><path fill="#8961d4" d="M10.549 5.764c0-.563.447-1.022.998-1.022h.906c.552 0 .999.459.999 1.022v14.214c0 .563-.447 1.022-.999 1.022h-.906c-.551 0-.998-.459-.998-1.022z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedZig(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#734acc" d="M3.58 9.307c0-.599.448-1.08 1-1.08h.905c.552 0 .999.481.999 1.08v4.807c0 .598-.447 1.08-.999 1.08h-.906c-.551 0-.998-.482-.998-1.08z"/><path fill="#ac8ce1" d="M17.516 9.179c0-.523.447-.952.999-.952h.906c.551 0 .998.43.998.952v3.902c0 .522-.447.952-.998.952h-.906c-.552 0-.999-.43-.999-.952z"/><path fill="#936ed8" d="M14.032 11.552c0-.551.447-1.004.998-1.004h.906c.552 0 .999.453.999 1.004v6.12c0 .552-.447 1.005-.999 1.005h-.906c-.551 0-.998-.453-.998-1.005z"/><path fill="#6640c7" d="M7.064 4.028c0-.57.447-1.028.999-1.028h.905c.552 0 1 .465 1 1.028v8.396c0 .569-.448 1.027-1 1.027h-.905c-.552 0-.999-.464-.999-1.027z"/><path fill="#8961d4" d="M10.549 5.764c0-.563.447-1.022.998-1.022h.906c.552 0 .999.459.999 1.022v14.214c0 .563-.447 1.022-.999 1.022h-.906c-.551 0-.998-.459-.998-1.022z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#734acc" d="M3.58 9.307c0-.599.448-1.08 1-1.08h.905c.552 0 .999.481.999 1.08v4.807c0 .598-.447 1.08-.999 1.08h-.906c-.551 0-.998-.482-.998-1.08z"/><path fill="#ac8ce1" d="M17.516 9.179c0-.523.447-.952.999-.952h.906c.551 0 .998.43.998.952v3.902c0 .522-.447.952-.998.952h-.906c-.552 0-.999-.43-.999-.952z"/><path fill="#936ed8" d="M14.032 11.552c0-.551.447-1.004.998-1.004h.906c.552 0 .999.453.999 1.004v6.12c0 .552-.447 1.005-.999 1.005h-.906c-.551 0-.998-.453-.998-1.005z"/><path fill="#6640c7" d="M7.064 4.028c0-.57.447-1.028.999-1.028h.905c.552 0 1 .465 1 1.028v8.396c0 .569-.448 1.027-1 1.027h-.905c-.552 0-.999-.464-.999-1.027z"/><path fill="#8961d4" d="M10.549 5.764c0-.563.447-1.022.998-1.022h.906c.552 0 .999.459.999 1.022v14.214c0 .563-.447 1.022-.999 1.022h-.906c-.551 0-.998-.459-.998-1.022z"/></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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23734acc%22%20d%3D%22M3.58%209.307c0-.599.448-1.08%201-1.08h.905c.552%200%20.999.481.999%201.08v4.807c0%20.598-.447%201.08-.999%201.08h-.906c-.551%200-.998-.482-.998-1.08z%22%2F%3E%3Cpath%20fill%3D%22%23ac8ce1%22%20d%3D%22M17.516%209.179c0-.523.447-.952.999-.952h.906c.551%200%20.998.43.998.952v3.902c0%20.522-.447.952-.998.952h-.906c-.552%200-.999-.43-.999-.952z%22%2F%3E%3Cpath%20fill%3D%22%23936ed8%22%20d%3D%22M14.032%2011.552c0-.551.447-1.004.998-1.004h.906c.552%200%20.999.453.999%201.004v6.12c0%20.552-.447%201.005-.999%201.005h-.906c-.551%200-.998-.453-.998-1.005z%22%2F%3E%3Cpath%20fill%3D%22%236640c7%22%20d%3D%22M7.064%204.028c0-.57.447-1.028.999-1.028h.905c.552%200%201%20.465%201%201.028v8.396c0%20.569-.448%201.027-1%201.027h-.905c-.552%200-.999-.464-.999-1.027z%22%2F%3E%3Cpath%20fill%3D%22%238961d4%22%20d%3D%22M10.549%205.764c0-.563.447-1.022.998-1.022h.906c.552%200%20.999.459.999%201.022v14.214c0%20.563-.447%201.022-.999%201.022h-.906c-.551%200-.998-.459-.998-1.022z%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23734acc%22%20d%3D%22M3.58%209.307c0-.599.448-1.08%201-1.08h.905c.552%200%20.999.481.999%201.08v4.807c0%20.598-.447%201.08-.999%201.08h-.906c-.551%200-.998-.482-.998-1.08z%22%2F%3E%3Cpath%20fill%3D%22%23ac8ce1%22%20d%3D%22M17.516%209.179c0-.523.447-.952.999-.952h.906c.551%200%20.998.43.998.952v3.902c0%20.522-.447.952-.998.952h-.906c-.552%200-.999-.43-.999-.952z%22%2F%3E%3Cpath%20fill%3D%22%23936ed8%22%20d%3D%22M14.032%2011.552c0-.551.447-1.004.998-1.004h.906c.552%200%20.999.453.999%201.004v6.12c0%20.552-.447%201.005-.999%201.005h-.906c-.551%200-.998-.453-.998-1.005z%22%2F%3E%3Cpath%20fill%3D%22%236640c7%22%20d%3D%22M7.064%204.028c0-.57.447-1.028.999-1.028h.905c.552%200%201%20.465%201%201.028v8.396c0%20.569-.448%201.027-1%201.027h-.905c-.552%200-.999-.464-.999-1.027z%22%2F%3E%3Cpath%20fill%3D%22%238961d4%22%20d%3D%22M10.549%205.764c0-.563.447-1.022.998-1.022h.906c.552%200%20.999.459.999%201.022v14.214c0%20.563-.447%201.022-.999%201.022h-.906c-.551%200-.998-.459-.998-1.022z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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