Gu icon

flagpack:gu

The Gu icon (flagpack:gu) is a free SVG icon from the Flagpack set by Yummygum. It is drawn on a 32 × 24 grid. Flagpack icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Flagpack
Author: Yummygum
License: MIT
Size: 32 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><path fill="#c51918" fill-rule="evenodd" d="M0 0h32v24H0z" clip-rule="evenodd"/><path fill="#4564f9" fill-rule="evenodd" d="M4 4h24v16H4z" clip-rule="evenodd"/><path stroke="#cbdaff" stroke-opacity=".1" stroke-width="2" d="M5 5h22v14H5z"/><mask id="SVGmgVAye3Y" width="24" height="16" x="4" y="4" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" fill-rule="evenodd" d="M4 4h24v16H4z" clip-rule="evenodd"/><path stroke="#fff" stroke-width="2" d="M5 5h22v14H5z"/></mask><g mask="url(#SVGmgVAye3Y)"><path stroke="#c1c9f1" stroke-opacity=".118" stroke-width="2.9" d="m16.5 5l.607-1.317l-.621-.286l-.616.297zm0 0a227 227 0 0 1 .608-1.317l.003.002l.006.003l.019.009a6 6 0 0 1 .265.131a15.3 15.3 0 0 1 2.785 1.858c1.48 1.25 3.264 3.307 3.264 6.067c0 2.731-1.755 4.906-3.21 6.265a17.2 17.2 0 0 1-3.013 2.237l-.018.01l-.006.003l-.002.001H17.2L16.5 19m0-14l-.63-1.306h-.002l-.002.002l-.006.003l-.018.009l-.06.03q-.075.037-.203.106a16 16 0 0 0-2.771 1.893c-1.465 1.252-3.258 3.31-3.258 6.016c0 2.677 1.762 4.853 3.204 6.215a18 18 0 0 0 2.941 2.24l.058.035l.017.01l.006.003l.002.002h.001L16.5 19m0 0l.7 1.27l-.714.393l-.706-.404z"/><path fill="#cce0e5" d="m16.4 6.037l.687-1.277l-.703-.378l-.695.391zm0 0l.688-1.277l.003.002l.005.003l.016.009a5 5 0 0 1 .207.12a11.7 11.7 0 0 1 2.098 1.633c1.124 1.107 2.433 2.89 2.433 5.24c0 2.328-1.286 4.205-2.382 5.399a13.4 13.4 0 0 1-2.06 1.819l-.2.137l-.015.01l-.006.003l-.002.002l-.785-1.22m0-11.88a206 206 0 0 0-.712-1.263l-.003.001l-.005.003l-.016.01a5 5 0 0 0-.204.123a12.3 12.3 0 0 0-2.084 1.66c-1.11 1.107-2.426 2.89-2.426 5.197c0 2.281 1.293 4.16 2.376 5.354a14 14 0 0 0 2.2 1.955l.046.031l.014.01l.005.003l.002.002h.001l.806-1.205m0 0l.784 1.22l-.8.513l-.789-.527z"/><path stroke="#c1c9f1" stroke-opacity=".748" stroke-width="2.9" d="m16.4 6.037l.687-1.277l-.703-.378l-.695.391zm0 0l.688-1.277l.003.002l.005.003l.016.009a5 5 0 0 1 .207.12a11.7 11.7 0 0 1 2.098 1.633c1.124 1.107 2.433 2.89 2.433 5.24c0 2.328-1.286 4.205-2.382 5.399a13.4 13.4 0 0 1-2.06 1.819l-.2.137l-.015.01l-.006.003l-.002.002l-.785-1.22m0-11.88a206 206 0 0 0-.712-1.263l-.003.001l-.005.003l-.016.01a5 5 0 0 0-.204.123a12.3 12.3 0 0 0-2.084 1.66c-1.11 1.107-2.426 2.89-2.426 5.197c0 2.281 1.293 4.16 2.376 5.354a14 14 0 0 0 2.2 1.955l.046.031l.014.01l.005.003l.002.002h.001l.806-1.205m0 0l.784 1.22l-.8.513l-.789-.527z"/><path stroke="#c51918" stroke-width="2.9" d="m16.4 6.037l.687-1.277l-.703-.378l-.695.391zm0 0l.688-1.277l.003.002l.005.003l.016.009a5 5 0 0 1 .207.12a11.7 11.7 0 0 1 2.098 1.633c1.124 1.107 2.433 2.89 2.433 5.24c0 2.328-1.286 4.205-2.382 5.399a13.4 13.4 0 0 1-2.06 1.819l-.2.137l-.015.01l-.006.003l-.002.002l-.785-1.22m0-11.88a206 206 0 0 0-.712-1.263l-.003.001l-.005.003l-.016.01a5 5 0 0 0-.204.123a12.3 12.3 0 0 0-2.084 1.66c-1.11 1.107-2.426 2.89-2.426 5.197c0 2.281 1.293 4.16 2.376 5.354a14 14 0 0 0 2.2 1.955l.046.031l.014.01l.005.003l.002.002h.001l.806-1.205m0 0l.784 1.22l-.8.513l-.789-.527z"/><mask id="SVGsd7RfeEa" width="9" height="12" x="12" y="6" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M17.332 15.205c-.32.348-.64.646-.92.883a11 11 0 0 1-.938-.914c-.917-1.011-1.624-2.208-1.624-3.406c0-1.174.684-2.256 1.574-3.144a9 9 0 0 1 .989-.852c.289.21.63.487.97.82c.876.864 1.567 1.945 1.567 3.176c0 1.254-.714 2.451-1.618 3.437m-1.623-7.893h.002z"/><path stroke="#fff" stroke-width="2.9" d="M17.332 15.205c-.32.348-.64.646-.92.883a11 11 0 0 1-.938-.914c-.917-1.011-1.624-2.208-1.624-3.406c0-1.174.684-2.256 1.574-3.144a9 9 0 0 1 .989-.852c.289.21.63.487.97.82c.876.864 1.567 1.945 1.567 3.176c0 1.254-.714 2.451-1.618 3.437Zm-1.623-7.893h.002z"/></mask><g mask="url(#SVGsd7RfeEa)"><path fill="#91cbcb" d="M12.933 14H20.4v1.5h-7.467z"/><path fill="#fdf9a1" fill-rule="evenodd" d="M13.602 15.198s5.294.002 5.78-.18c.487-.184-.913 3.507-2.702 3.507s-3.078-3.327-3.078-3.327" clip-rule="evenodd"/><path fill="#a68861" d="m18.594 14.755l-.951.732c-1.5-1.948-2.128-3.963-1.86-6.02l1.19.156c-.224 1.722.307 3.425 1.62 5.132"/><path fill="#239e46" fill-rule="evenodd" d="m16.394 9.637l-.908 1.063c-.034.04-.098.007-.086-.044l.312-1.326h-1.42c-.054 0-.07-.074-.02-.095l1.213-.532l-.86-1.135c-.031-.04.01-.095.057-.077l1.354.528l.309-1.244c.013-.05.085-.05.097 0l.308 1.244l1.341-.523c.048-.018.09.04.057.079l-.93 1.128l1.283.531c.05.021.036.096-.019.096h-1.264l.193 1.357c.007.05-.055.077-.088.039zM15.6 13h4.8v1.05h-4.8z" clip-rule="evenodd"/><path fill="#c51918" fill-rule="evenodd" d="M14.872 12.393h-.005a.22.22 0 0 1-.101.128a.4.4 0 0 1-.21.051a.5.5 0 0 1-.187-.037a.4.4 0 0 1-.147-.108a.5.5 0 0 1-.095-.178a.8.8 0 0 1-.034-.245q0-.138.033-.244a.5.5 0 0 1 .096-.178a.4.4 0 0 1 .15-.11a.5.5 0 0 1 .196-.037q.15 0 .251.066a.44.44 0 0 1 .155.175l-.11.066a.3.3 0 0 0-.114-.139a.3.3 0 0 0-.182-.05a.3.3 0 0 0-.134.026a.3.3 0 0 0-.173.187a.4.4 0 0 0-.024.148v.178q0 .081.024.149a.3.3 0 0 0 .176.187q.063.026.144.026a.4.4 0 0 0 .11-.015a.3.3 0 0 0 .09-.045a.21.21 0 0 0 .085-.181v-.109h-.247v-.116h.378v.565h-.125zm.835-.94v.681q0 .158.06.239q.059.081.207.081q.15 0 .208-.081a.4.4 0 0 0 .06-.239v-.68h.134v.649q0 .12-.022.208a.4.4 0 0 1-.07.146a.3.3 0 0 1-.125.087a.6.6 0 0 1-.19.028a.5.5 0 0 1-.187-.028a.3.3 0 0 1-.123-.087a.4.4 0 0 1-.066-.146a1 1 0 0 1-.02-.208v-.65zm1.957 1.1l-.112-.324h-.451l-.112.324h-.136l.39-1.1h.171l.39 1.1zm-.334-.976h-.008l-.19.535h.386zm1.85.05h-.007l-.095.184l-.267.48l-.267-.48l-.094-.184h-.008v.926h-.132v-1.1h.18l.32.593h.008l.321-.592h.173v1.1h-.131z" clip-rule="evenodd"/></g></g></g></svg>

How to use the Gu icon

React

import { Icon } from "@iconify/react";

<Icon icon="flagpack:gu" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="flagpack:gu" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="flagpack:gu" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[flagpack--gu]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/flagpack -->
<div class="i-flagpack:gu"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="flagpack:gu"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/flagpack/gu.svg" alt="Gu icon" width="24" height="24">

Gu icon in other icon sets

Gu icon FAQ

Is the Gu icon free for commercial use?

Yes. Flagpack icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Gu icon in React?

Install @iconify/react and render <Icon icon="flagpack:gu" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Gu icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flagpack/gu.svg" alt="Gu icon">, or paste the SVG code inline to style it with CSS.

Browse all Flagpack icons →