Ygg icon
token-branded:ygg
The Ygg icon (token-branded:ygg) is a free SVG icon from the Web3 Icons Branded set by 0xa3k5. It is drawn on a 24 × 24 grid. Web3 Icons Branded 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
- Web3 Icons Branded
- Author
- 0xa3k5
- License
- MIT
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGcLwF5bUv)" d="m17.523 7.65l-5.274-2.48l-5.604 2.48l-.35.623l.233 2.19l.598 3.424l1.834 3.1l3.056 2.042l2.359-1.474l2.029-2.763l1.119-3.97z"/><path fill="url(#SVGCMI1NbdY)" d="M12.298 10.702L10.596 7.2H7.273c.958 1.605 2.88 4.83 2.895 4.84c.014.015.004 2.238 0 3.342l-.341.754h3.834l-.686-.948v-2.929l2.48-4.981h-2.568l.462 1.05z"/><path fill="url(#SVGc9WGbTQK)" fill-rule="evenodd" d="M11.972 21c-6.903-2.637-7.57-10.849-7.18-14.595L12.045 3l7.2 3.405C19.83 15.83 15.232 19.978 11.972 21m0-.895c-6.212-2.374-6.81-9.769-6.465-13.14L12.04 3.9l6.485 3.065c.526 8.484-3.614 12.215-6.553 13.135zM6.1 7.364c-.316 3.104.23 9.914 5.877 12.099c2.671-.852 6.432-4.286 5.955-12.1l-5.892-2.82l-5.935 2.82zm.75.579c-.176 1.732-.05 4.787 1.352 7.267l.778-.71l.584 1.333l.492-.57v-3.02a137 137 0 0 0-1.786-3.08a49 49 0 0 1-.545-.94a2.6 2.6 0 0 0-.447-.486zm5.127 10.59a7.2 7.2 0 0 1-2.048-1.216v-.462l.243.253h4.145c-.778.73-1.605 1.187-2.335 1.425zm5.2-10.59c.2 3.274-.447 5.667-1.434 7.36l-.94-.185l-.515 1.246l-.34-.487v-3.074l2.335-4.748l-.468-.769zm-5.141-2.477l.17.083L12 5.501l-.073.019l.107-.049zm2.957 1.426l-2.14-1.027l-.852.633c-.184-.185-.578-.467-.817-.623L9.05 6.892h1.853l.924.876l.652 1.425c.17-.302.438-.861.463-1.09c.019-.18-.302-.5-.56-.72a.28.28 0 0 1-.083-.33a.28.28 0 0 1 .248-.161zm-7.487.486h3.192l.827.652l1.007 2.15l.846-1.79c.049-.262.054-.802-.292-1.012h2.33l.497.652l-2.452 4.72v3.307l.447.565h-3.58l-.418-.385l.632-.71v-3.405L8.27 8.166a1.87 1.87 0 0 0-.764-.788" clip-rule="evenodd"/><path fill="#9de6e0" d="M12.001 6.003a.501.501 0 1 0 0-1.002a.501.501 0 0 0 0 1.002m3.021 10.751a.501.501 0 1 0 0-1.002a.501.501 0 0 0 0 1.002m-6.042 0a.501.501 0 1 0 0-1.003a.501.501 0 0 0 0 1.003"/><defs><linearGradient id="SVGcLwF5bUv" x1="19.295" x2="5.791" y1="10.967" y2="10.967" gradientUnits="userSpaceOnUse"><stop stop-color="#012274"/><stop offset=".51" stop-color="#0035b0"/><stop offset="1" stop-color="#022372"/></linearGradient><linearGradient id="SVGCMI1NbdY" x1="12" x2="12" y1="3.001" y2="21.188" gradientUnits="userSpaceOnUse"><stop stop-color="#5183e2"/><stop offset="1" stop-color="#1150b9"/></linearGradient><linearGradient id="SVGc9WGbTQK" x1="17.742" x2="6.884" y1="9.67" y2="12.978" gradientUnits="userSpaceOnUse"><stop stop-color="#b29f59"/><stop offset=".54" stop-color="#ffffb0"/><stop offset="1" stop-color="#a7924d"/></linearGradient></defs></g></svg>How to use the Ygg icon
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ygg" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ygg" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ygg" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ygg]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ygg"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ygg"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/token-branded/ygg.svg" alt="Ygg icon" width="24" height="24">Related icons in Web3 Icons Branded
Ygg icon FAQ
Is the Ygg icon free for commercial use?
Yes. Web3 Icons Branded icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Ygg icon in React?
Install @iconify/react and render <Icon icon="token-branded:ygg" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ygg icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/token-branded/ygg.svg" alt="Ygg icon">, or paste the SVG code inline to style it with CSS.