ygg logo

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

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

1 other variant in Web3 Icons Branded

Use the ygg logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function TokenBrandedYgg(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="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)" fillRule="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" clipRule="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 stopColor="#012274"/><stop offset=".51" stopColor="#0035b0"/><stop offset="1" stopColor="#022372"/></linearGradient><linearGradient id="SVGCMI1NbdY" x1="12" x2="12" y1="3.001" y2="21.188" gradientUnits="userSpaceOnUse"><stop stopColor="#5183e2"/><stop offset="1" stopColor="#1150b9"/></linearGradient><linearGradient id="SVGc9WGbTQK" x1="17.742" x2="6.884" y1="9.67" y2="12.978" gradientUnits="userSpaceOnUse"><stop stopColor="#b29f59"/><stop offset=".54" stopColor="#ffffb0"/><stop offset="1" stopColor="#a7924d"/></linearGradient></defs></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="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>
</template>

CSS

.icon-ygg {
  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%22url(%23SVGcLwF5bUv)%22%20d%3D%22m17.523%207.65l-5.274-2.48l-5.604%202.48l-.35.623l.233%202.19l.598%203.424l1.834%203.1l3.056%202.042l2.359-1.474l2.029-2.763l1.119-3.97z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCMI1NbdY)%22%20d%3D%22M12.298%2010.702L10.596%207.2H7.273c.958%201.605%202.88%204.83%202.895%204.84c.014.015.004%202.238%200%203.342l-.341.754h3.834l-.686-.948v-2.929l2.48-4.981h-2.568l.462%201.05z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGc9WGbTQK)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.972%2021c-6.903-2.637-7.57-10.849-7.18-14.595L12.045%203l7.2%203.405C19.83%2015.83%2015.232%2019.978%2011.972%2021m0-.895c-6.212-2.374-6.81-9.769-6.465-13.14L12.04%203.9l6.485%203.065c.526%208.484-3.614%2012.215-6.553%2013.135zM6.1%207.364c-.316%203.104.23%209.914%205.877%2012.099c2.671-.852%206.432-4.286%205.955-12.1l-5.892-2.82l-5.935%202.82zm.75.579c-.176%201.732-.05%204.787%201.352%207.267l.778-.71l.584%201.333l.492-.57v-3.02a137%20137%200%200%200-1.786-3.08a49%2049%200%200%201-.545-.94a2.6%202.6%200%200%200-.447-.486zm5.127%2010.59a7.2%207.2%200%200%201-2.048-1.216v-.462l.243.253h4.145c-.778.73-1.605%201.187-2.335%201.425zm5.2-10.59c.2%203.274-.447%205.667-1.434%207.36l-.94-.185l-.515%201.246l-.34-.487v-3.074l2.335-4.748l-.468-.769zm-5.141-2.477l.17.083L12%205.501l-.073.019l.107-.049zm2.957%201.426l-2.14-1.027l-.852.633c-.184-.185-.578-.467-.817-.623L9.05%206.892h1.853l.924.876l.652%201.425c.17-.302.438-.861.463-1.09c.019-.18-.302-.5-.56-.72a.28.28%200%200%201-.083-.33a.28.28%200%200%201%20.248-.161zm-7.487.486h3.192l.827.652l1.007%202.15l.846-1.79c.049-.262.054-.802-.292-1.012h2.33l.497.652l-2.452%204.72v3.307l.447.565h-3.58l-.418-.385l.632-.71v-3.405L8.27%208.166a1.87%201.87%200%200%200-.764-.788%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%239de6e0%22%20d%3D%22M12.001%206.003a.501.501%200%201%200%200-1.002a.501.501%200%200%200%200%201.002m3.021%2010.751a.501.501%200%201%200%200-1.002a.501.501%200%200%200%200%201.002m-6.042%200a.501.501%200%201%200%200-1.003a.501.501%200%200%200%200%201.003%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGcLwF5bUv%22%20x1%3D%2219.295%22%20x2%3D%225.791%22%20y1%3D%2210.967%22%20y2%3D%2210.967%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23012274%22%2F%3E%3Cstop%20offset%3D%22.51%22%20stop-color%3D%22%230035b0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23022372%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCMI1NbdY%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.001%22%20y2%3D%2221.188%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235183e2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231150b9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGc9WGbTQK%22%20x1%3D%2217.742%22%20x2%3D%226.884%22%20y1%3D%229.67%22%20y2%3D%2212.978%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b29f59%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%23ffffb0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a7924d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%22url(%23SVGcLwF5bUv)%22%20d%3D%22m17.523%207.65l-5.274-2.48l-5.604%202.48l-.35.623l.233%202.19l.598%203.424l1.834%203.1l3.056%202.042l2.359-1.474l2.029-2.763l1.119-3.97z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGCMI1NbdY)%22%20d%3D%22M12.298%2010.702L10.596%207.2H7.273c.958%201.605%202.88%204.83%202.895%204.84c.014.015.004%202.238%200%203.342l-.341.754h3.834l-.686-.948v-2.929l2.48-4.981h-2.568l.462%201.05z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGc9WGbTQK)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.972%2021c-6.903-2.637-7.57-10.849-7.18-14.595L12.045%203l7.2%203.405C19.83%2015.83%2015.232%2019.978%2011.972%2021m0-.895c-6.212-2.374-6.81-9.769-6.465-13.14L12.04%203.9l6.485%203.065c.526%208.484-3.614%2012.215-6.553%2013.135zM6.1%207.364c-.316%203.104.23%209.914%205.877%2012.099c2.671-.852%206.432-4.286%205.955-12.1l-5.892-2.82l-5.935%202.82zm.75.579c-.176%201.732-.05%204.787%201.352%207.267l.778-.71l.584%201.333l.492-.57v-3.02a137%20137%200%200%200-1.786-3.08a49%2049%200%200%201-.545-.94a2.6%202.6%200%200%200-.447-.486zm5.127%2010.59a7.2%207.2%200%200%201-2.048-1.216v-.462l.243.253h4.145c-.778.73-1.605%201.187-2.335%201.425zm5.2-10.59c.2%203.274-.447%205.667-1.434%207.36l-.94-.185l-.515%201.246l-.34-.487v-3.074l2.335-4.748l-.468-.769zm-5.141-2.477l.17.083L12%205.501l-.073.019l.107-.049zm2.957%201.426l-2.14-1.027l-.852.633c-.184-.185-.578-.467-.817-.623L9.05%206.892h1.853l.924.876l.652%201.425c.17-.302.438-.861.463-1.09c.019-.18-.302-.5-.56-.72a.28.28%200%200%201-.083-.33a.28.28%200%200%201%20.248-.161zm-7.487.486h3.192l.827.652l1.007%202.15l.846-1.79c.049-.262.054-.802-.292-1.012h2.33l.497.652l-2.452%204.72v3.307l.447.565h-3.58l-.418-.385l.632-.71v-3.405L8.27%208.166a1.87%201.87%200%200%200-.764-.788%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%239de6e0%22%20d%3D%22M12.001%206.003a.501.501%200%201%200%200-1.002a.501.501%200%200%200%200%201.002m3.021%2010.751a.501.501%200%201%200%200-1.002a.501.501%200%200%200%200%201.002m-6.042%200a.501.501%200%201%200%200-1.003a.501.501%200%200%200%200%201.003%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGcLwF5bUv%22%20x1%3D%2219.295%22%20x2%3D%225.791%22%20y1%3D%2210.967%22%20y2%3D%2210.967%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23012274%22%2F%3E%3Cstop%20offset%3D%22.51%22%20stop-color%3D%22%230035b0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23022372%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGCMI1NbdY%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.001%22%20y2%3D%2221.188%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235183e2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231150b9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGc9WGbTQK%22%20x1%3D%2217.742%22%20x2%3D%226.884%22%20y1%3D%229.67%22%20y2%3D%2212.978%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b29f59%22%2F%3E%3Cstop%20offset%3D%22.54%22%20stop-color%3D%22%23ffffb0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a7924d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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