1. Icon Monks
  2. Brands icons
  3. Zig Logo

Zig Logo icon

The zig logo icon is a free brands icon from Icon Monks, drawn as one clean path on a 256-unit grid in six weights. It is free for personal and commercial use under the MIT license.

Zig Logo icon, thin weight
Thin
SVG
Zig Logo icon, light weight
Light
SVG
Zig Logo icon, regular weight
Regular
SVG
Zig Logo icon, bold weight
Bold
SVG
Zig Logo icon, fill weight
Fill
SVG
Zig Logo icon, duotone weight
Duotone
SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

About the zig logo icon

Use it to stand for zig, programming language and systems. The regular weight is a single path made of 3 shapes.

Pairs well with the text c and code icons, which share the “programming language” theme. Use the same weight for all of them so they read as one set.

When to use the zig logo icon

It belongs to the brands set, made for sign-in buttons, footers, share menus and integrations. People find it by searching for “zig”, “programming language”, “systems”, “compiler”, “logo” and “brand”. Pair it with the related icons below so a screen stays in one visual style.

Use the zig logo icon in your code

React

import { ZigLogo } from '@icon-monks/react';

<ZigLogo size={24} />

Vue

<script setup>
import { ZigLogo } from '@icon-monks/vue';
</script>

<ZigLogo :size="24" />

Web component

<icon-monks name="zig-logo" size="24"></icon-monks>

Icon font

<i class="im im-zig-logo"></i>

Flutter

Icon(IconMonks.zigLogo)

SwiftUI

Image(iconMonks: .zigLogo)

Compose

import com.designmonks.icons.IconMonks
import com.designmonks.icons.regular.ZigLogo

Icon(IconMonks.Regular.ZigLogo, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Tags

Related brands icons

See all 652 brands icons

Similar icons in other categories

Questions about the zig logo icon

Is the zig logo icon free for commercial use?

Yes. The zig logo icon is released under the MIT license, so you can use it in personal, client and commercial projects without paying or adding credit in your interface.

How do I change the color and size of the zig logo icon?

The icon draws in currentColor, so it takes the text color around it. In React, Vue and the web component, set the size and color props; in the icon browser, pick a color and size before you download a PNG, WebP, SVG or PDF.

Which weight of the zig logo icon should I use?

Use regular at 24 px for most interfaces, bold at 16 px or on busy screens, thin or light for large display sizes, fill for a selected or active state, and duotone for illustrations and empty states.

Last updated with version 0.4.3. Release notes