ygg logo
ygg-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- ygg-background
- Set
- Web3 Icons Branded
- Style
- Background
- 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"><g clip-path="url(#SVGHcSWxdhd1)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGRUonCbBV)" d="m16.91 8.134l-4.688-2.206L7.24 8.134l-.311.553l.207 1.946l.532 3.044l1.63 2.755l2.716 1.816l2.098-1.31l1.803-2.456l.994-3.529z"/><path fill="url(#SVGbSmLHbPY)" d="m12.265 10.846l-1.513-3.113H7.798c.852 1.427 2.56 4.294 2.573 4.303c.013.013.005 1.989 0 2.97l-.302.67h3.407l-.61-.842V12.23l2.206-4.428h-2.283l.41.934z"/><path fill="url(#SVGR3rP3cJB)" fill-rule="evenodd" d="M11.975 20C5.84 17.656 5.247 10.357 5.593 7.027L12.04 4l6.4 3.027c.52 8.376-3.567 12.065-6.465 12.973m0-.796c-5.522-2.11-6.054-8.683-5.747-11.68L12.036 4.8L17.8 7.524c.467 7.542-3.213 10.859-5.825 11.676zM6.755 7.88c-.28 2.759.204 8.813 5.225 10.755c2.374-.757 5.717-3.81 5.293-10.755l-5.237-2.51L6.76 7.879zm.667.515c-.156 1.539-.043 4.255 1.202 6.46l.692-.631l.519 1.185l.437-.506v-2.686A121 121 0 0 0 8.685 9.48a44 44 0 0 1-.485-.835a2.3 2.3 0 0 0-.398-.432zm4.558 9.414a6.4 6.4 0 0 1-1.82-1.081v-.411l.215.225h3.685c-.692.648-1.427 1.055-2.076 1.267zm4.622-9.414c.178 2.91-.398 5.037-1.275 6.542l-.835-.164l-.458 1.107l-.303-.432v-2.733l2.076-4.221l-.415-.683zm-4.57-2.202l.15.074l-.18-.043l-.066.017l.096-.043zM14.66 7.46l-1.903-.912L12 7.11c-.164-.164-.514-.415-.726-.553l-1.899.903h1.648l.822.779l.58 1.267c.15-.268.388-.766.41-.969c.017-.16-.268-.445-.497-.64a.25.25 0 0 1-.074-.294a.25.25 0 0 1 .22-.143zm-6.655.433h2.836l.736.58l.895 1.91l.752-1.59c.043-.234.048-.714-.26-.9h2.072l.441.58l-2.18 4.194v2.94l.399.502h-3.183l-.372-.341l.562-.632v-3.027l-2.02-3.516a1.67 1.67 0 0 0-.678-.7" clip-rule="evenodd"/><path fill="#9de6e0" d="M12.001 6.67a.445.445 0 1 0 0-.892a.445.445 0 0 0 0 .891m2.686 9.556a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89m-5.371 0a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89"/></g><defs><linearGradient id="SVGRUonCbBV" x1="18.485" x2="6.482" y1="11.081" y2="11.081" gradientUnits="userSpaceOnUse"><stop stop-color="#012274"/><stop offset=".51" stop-color="#0035b0"/><stop offset="1" stop-color="#022372"/></linearGradient><linearGradient id="SVGbSmLHbPY" x1="12.001" x2="12.001" y1="4.001" y2="20.166" gradientUnits="userSpaceOnUse"><stop stop-color="#5183e2"/><stop offset="1" stop-color="#1150b9"/></linearGradient><linearGradient id="SVGR3rP3cJB" x1="17.104" x2="7.452" y1="9.929" y2="12.869" gradientUnits="userSpaceOnUse"><stop stop-color="#b29f59"/><stop offset=".54" stop-color="#ffffb0"/><stop offset="1" stop-color="#a7924d"/></linearGradient><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedYggBackground(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"><g clipPath="url(#SVGHcSWxdhd1)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGRUonCbBV)" d="m16.91 8.134l-4.688-2.206L7.24 8.134l-.311.553l.207 1.946l.532 3.044l1.63 2.755l2.716 1.816l2.098-1.31l1.803-2.456l.994-3.529z"/><path fill="url(#SVGbSmLHbPY)" d="m12.265 10.846l-1.513-3.113H7.798c.852 1.427 2.56 4.294 2.573 4.303c.013.013.005 1.989 0 2.97l-.302.67h3.407l-.61-.842V12.23l2.206-4.428h-2.283l.41.934z"/><path fill="url(#SVGR3rP3cJB)" fillRule="evenodd" d="M11.975 20C5.84 17.656 5.247 10.357 5.593 7.027L12.04 4l6.4 3.027c.52 8.376-3.567 12.065-6.465 12.973m0-.796c-5.522-2.11-6.054-8.683-5.747-11.68L12.036 4.8L17.8 7.524c.467 7.542-3.213 10.859-5.825 11.676zM6.755 7.88c-.28 2.759.204 8.813 5.225 10.755c2.374-.757 5.717-3.81 5.293-10.755l-5.237-2.51L6.76 7.879zm.667.515c-.156 1.539-.043 4.255 1.202 6.46l.692-.631l.519 1.185l.437-.506v-2.686A121 121 0 0 0 8.685 9.48a44 44 0 0 1-.485-.835a2.3 2.3 0 0 0-.398-.432zm4.558 9.414a6.4 6.4 0 0 1-1.82-1.081v-.411l.215.225h3.685c-.692.648-1.427 1.055-2.076 1.267zm4.622-9.414c.178 2.91-.398 5.037-1.275 6.542l-.835-.164l-.458 1.107l-.303-.432v-2.733l2.076-4.221l-.415-.683zm-4.57-2.202l.15.074l-.18-.043l-.066.017l.096-.043zM14.66 7.46l-1.903-.912L12 7.11c-.164-.164-.514-.415-.726-.553l-1.899.903h1.648l.822.779l.58 1.267c.15-.268.388-.766.41-.969c.017-.16-.268-.445-.497-.64a.25.25 0 0 1-.074-.294a.25.25 0 0 1 .22-.143zm-6.655.433h2.836l.736.58l.895 1.91l.752-1.59c.043-.234.048-.714-.26-.9h2.072l.441.58l-2.18 4.194v2.94l.399.502h-3.183l-.372-.341l.562-.632v-3.027l-2.02-3.516a1.67 1.67 0 0 0-.678-.7" clipRule="evenodd"/><path fill="#9de6e0" d="M12.001 6.67a.445.445 0 1 0 0-.892a.445.445 0 0 0 0 .891m2.686 9.556a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89m-5.371 0a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89"/></g><defs><linearGradient id="SVGRUonCbBV" x1="18.485" x2="6.482" y1="11.081" y2="11.081" gradientUnits="userSpaceOnUse"><stop stopColor="#012274"/><stop offset=".51" stopColor="#0035b0"/><stop offset="1" stopColor="#022372"/></linearGradient><linearGradient id="SVGbSmLHbPY" x1="12.001" x2="12.001" y1="4.001" y2="20.166" gradientUnits="userSpaceOnUse"><stop stopColor="#5183e2"/><stop offset="1" stopColor="#1150b9"/></linearGradient><linearGradient id="SVGR3rP3cJB" x1="17.104" x2="7.452" y1="9.929" y2="12.869" gradientUnits="userSpaceOnUse"><stop stopColor="#b29f59"/><stop offset=".54" stopColor="#ffffb0"/><stop offset="1" stopColor="#a7924d"/></linearGradient><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd1)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGRUonCbBV)" d="m16.91 8.134l-4.688-2.206L7.24 8.134l-.311.553l.207 1.946l.532 3.044l1.63 2.755l2.716 1.816l2.098-1.31l1.803-2.456l.994-3.529z"/><path fill="url(#SVGbSmLHbPY)" d="m12.265 10.846l-1.513-3.113H7.798c.852 1.427 2.56 4.294 2.573 4.303c.013.013.005 1.989 0 2.97l-.302.67h3.407l-.61-.842V12.23l2.206-4.428h-2.283l.41.934z"/><path fill="url(#SVGR3rP3cJB)" fill-rule="evenodd" d="M11.975 20C5.84 17.656 5.247 10.357 5.593 7.027L12.04 4l6.4 3.027c.52 8.376-3.567 12.065-6.465 12.973m0-.796c-5.522-2.11-6.054-8.683-5.747-11.68L12.036 4.8L17.8 7.524c.467 7.542-3.213 10.859-5.825 11.676zM6.755 7.88c-.28 2.759.204 8.813 5.225 10.755c2.374-.757 5.717-3.81 5.293-10.755l-5.237-2.51L6.76 7.879zm.667.515c-.156 1.539-.043 4.255 1.202 6.46l.692-.631l.519 1.185l.437-.506v-2.686A121 121 0 0 0 8.685 9.48a44 44 0 0 1-.485-.835a2.3 2.3 0 0 0-.398-.432zm4.558 9.414a6.4 6.4 0 0 1-1.82-1.081v-.411l.215.225h3.685c-.692.648-1.427 1.055-2.076 1.267zm4.622-9.414c.178 2.91-.398 5.037-1.275 6.542l-.835-.164l-.458 1.107l-.303-.432v-2.733l2.076-4.221l-.415-.683zm-4.57-2.202l.15.074l-.18-.043l-.066.017l.096-.043zM14.66 7.46l-1.903-.912L12 7.11c-.164-.164-.514-.415-.726-.553l-1.899.903h1.648l.822.779l.58 1.267c.15-.268.388-.766.41-.969c.017-.16-.268-.445-.497-.64a.25.25 0 0 1-.074-.294a.25.25 0 0 1 .22-.143zm-6.655.433h2.836l.736.58l.895 1.91l.752-1.59c.043-.234.048-.714-.26-.9h2.072l.441.58l-2.18 4.194v2.94l.399.502h-3.183l-.372-.341l.562-.632v-3.027l-2.02-3.516a1.67 1.67 0 0 0-.678-.7" clip-rule="evenodd"/><path fill="#9de6e0" d="M12.001 6.67a.445.445 0 1 0 0-.892a.445.445 0 0 0 0 .891m2.686 9.556a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89m-5.371 0a.445.445 0 1 0 0-.89a.445.445 0 0 0 0 .89"/></g><defs><linearGradient id="SVGRUonCbBV" x1="18.485" x2="6.482" y1="11.081" y2="11.081" gradientUnits="userSpaceOnUse"><stop stop-color="#012274"/><stop offset=".51" stop-color="#0035b0"/><stop offset="1" stop-color="#022372"/></linearGradient><linearGradient id="SVGbSmLHbPY" x1="12.001" x2="12.001" y1="4.001" y2="20.166" gradientUnits="userSpaceOnUse"><stop stop-color="#5183e2"/><stop offset="1" stop-color="#1150b9"/></linearGradient><linearGradient id="SVGR3rP3cJB" x1="17.104" x2="7.452" y1="9.929" y2="12.869" gradientUnits="userSpaceOnUse"><stop stop-color="#b29f59"/><stop offset=".54" stop-color="#ffffb0"/><stop offset="1" stop-color="#a7924d"/></linearGradient><clipPath id="SVGHcSWxdhd1"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-ygg-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGRUonCbBV)%22%20d%3D%22m16.91%208.134l-4.688-2.206L7.24%208.134l-.311.553l.207%201.946l.532%203.044l1.63%202.755l2.716%201.816l2.098-1.31l1.803-2.456l.994-3.529z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbSmLHbPY)%22%20d%3D%22m12.265%2010.846l-1.513-3.113H7.798c.852%201.427%202.56%204.294%202.573%204.303c.013.013.005%201.989%200%202.97l-.302.67h3.407l-.61-.842V12.23l2.206-4.428h-2.283l.41.934z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGR3rP3cJB)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.975%2020C5.84%2017.656%205.247%2010.357%205.593%207.027L12.04%204l6.4%203.027c.52%208.376-3.567%2012.065-6.465%2012.973m0-.796c-5.522-2.11-6.054-8.683-5.747-11.68L12.036%204.8L17.8%207.524c.467%207.542-3.213%2010.859-5.825%2011.676zM6.755%207.88c-.28%202.759.204%208.813%205.225%2010.755c2.374-.757%205.717-3.81%205.293-10.755l-5.237-2.51L6.76%207.879zm.667.515c-.156%201.539-.043%204.255%201.202%206.46l.692-.631l.519%201.185l.437-.506v-2.686A121%20121%200%200%200%208.685%209.48a44%2044%200%200%201-.485-.835a2.3%202.3%200%200%200-.398-.432zm4.558%209.414a6.4%206.4%200%200%201-1.82-1.081v-.411l.215.225h3.685c-.692.648-1.427%201.055-2.076%201.267zm4.622-9.414c.178%202.91-.398%205.037-1.275%206.542l-.835-.164l-.458%201.107l-.303-.432v-2.733l2.076-4.221l-.415-.683zm-4.57-2.202l.15.074l-.18-.043l-.066.017l.096-.043zM14.66%207.46l-1.903-.912L12%207.11c-.164-.164-.514-.415-.726-.553l-1.899.903h1.648l.822.779l.58%201.267c.15-.268.388-.766.41-.969c.017-.16-.268-.445-.497-.64a.25.25%200%200%201-.074-.294a.25.25%200%200%201%20.22-.143zm-6.655.433h2.836l.736.58l.895%201.91l.752-1.59c.043-.234.048-.714-.26-.9h2.072l.441.58l-2.18%204.194v2.94l.399.502h-3.183l-.372-.341l.562-.632v-3.027l-2.02-3.516a1.67%201.67%200%200%200-.678-.7%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%239de6e0%22%20d%3D%22M12.001%206.67a.445.445%200%201%200%200-.892a.445.445%200%200%200%200%20.891m2.686%209.556a.445.445%200%201%200%200-.89a.445.445%200%200%200%200%20.89m-5.371%200a.445.445%200%201%200%200-.89a.445.445%200%200%200%200%20.89%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGRUonCbBV%22%20x1%3D%2218.485%22%20x2%3D%226.482%22%20y1%3D%2211.081%22%20y2%3D%2211.081%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%22SVGbSmLHbPY%22%20x1%3D%2212.001%22%20x2%3D%2212.001%22%20y1%3D%224.001%22%20y2%3D%2220.166%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%22SVGR3rP3cJB%22%20x1%3D%2217.104%22%20x2%3D%227.452%22%20y1%3D%229.929%22%20y2%3D%2212.869%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%3CclipPath%20id%3D%22SVGHcSWxdhd1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd1)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGRUonCbBV)%22%20d%3D%22m16.91%208.134l-4.688-2.206L7.24%208.134l-.311.553l.207%201.946l.532%203.044l1.63%202.755l2.716%201.816l2.098-1.31l1.803-2.456l.994-3.529z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbSmLHbPY)%22%20d%3D%22m12.265%2010.846l-1.513-3.113H7.798c.852%201.427%202.56%204.294%202.573%204.303c.013.013.005%201.989%200%202.97l-.302.67h3.407l-.61-.842V12.23l2.206-4.428h-2.283l.41.934z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGR3rP3cJB)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.975%2020C5.84%2017.656%205.247%2010.357%205.593%207.027L12.04%204l6.4%203.027c.52%208.376-3.567%2012.065-6.465%2012.973m0-.796c-5.522-2.11-6.054-8.683-5.747-11.68L12.036%204.8L17.8%207.524c.467%207.542-3.213%2010.859-5.825%2011.676zM6.755%207.88c-.28%202.759.204%208.813%205.225%2010.755c2.374-.757%205.717-3.81%205.293-10.755l-5.237-2.51L6.76%207.879zm.667.515c-.156%201.539-.043%204.255%201.202%206.46l.692-.631l.519%201.185l.437-.506v-2.686A121%20121%200%200%200%208.685%209.48a44%2044%200%200%201-.485-.835a2.3%202.3%200%200%200-.398-.432zm4.558%209.414a6.4%206.4%200%200%201-1.82-1.081v-.411l.215.225h3.685c-.692.648-1.427%201.055-2.076%201.267zm4.622-9.414c.178%202.91-.398%205.037-1.275%206.542l-.835-.164l-.458%201.107l-.303-.432v-2.733l2.076-4.221l-.415-.683zm-4.57-2.202l.15.074l-.18-.043l-.066.017l.096-.043zM14.66%207.46l-1.903-.912L12%207.11c-.164-.164-.514-.415-.726-.553l-1.899.903h1.648l.822.779l.58%201.267c.15-.268.388-.766.41-.969c.017-.16-.268-.445-.497-.64a.25.25%200%200%201-.074-.294a.25.25%200%200%201%20.22-.143zm-6.655.433h2.836l.736.58l.895%201.91l.752-1.59c.043-.234.048-.714-.26-.9h2.072l.441.58l-2.18%204.194v2.94l.399.502h-3.183l-.372-.341l.562-.632v-3.027l-2.02-3.516a1.67%201.67%200%200%200-.678-.7%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%239de6e0%22%20d%3D%22M12.001%206.67a.445.445%200%201%200%200-.892a.445.445%200%200%200%200%20.891m2.686%209.556a.445.445%200%201%200%200-.89a.445.445%200%200%200%200%20.89m-5.371%200a.445.445%200%201%200%200-.89a.445.445%200%200%200%200%20.89%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGRUonCbBV%22%20x1%3D%2218.485%22%20x2%3D%226.482%22%20y1%3D%2211.081%22%20y2%3D%2211.081%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%22SVGbSmLHbPY%22%20x1%3D%2212.001%22%20x2%3D%2212.001%22%20y1%3D%224.001%22%20y2%3D%2220.166%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%22SVGR3rP3cJB%22%20x1%3D%2217.104%22%20x2%3D%227.452%22%20y1%3D%229.929%22%20y2%3D%2212.869%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%3CclipPath%20id%3D%22SVGHcSWxdhd1%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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-background.svg?color=%231a73e8&size=48
