yam logo
yam from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- yam
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the yam 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(#SVGL8VIJc7t)" d="M3.515 11.65a4 4 0 0 1-.47-1.916c3.221-2.133 9.812-6.423 10.4-6.504c.409-.07.83-.004 1.199.186c5.02 5.762 6.07 10.578 6.324 13.707c.118.822-.03 2.64-1.533 3.375c-1.88.928-3.487-.222-4.791-.531c-1.299-.316-3.957-1.33-5.188-2.121c-1.224-.797-1.712-1.403-2.38-2.028c-.674-.63-3.054-3.283-3.561-4.167"/><path fill="#ebddd5" fill-opacity=".7" d="M16.684 6.729c.241-.334.643.185.816.482c1.49 1.91 2.844 6.102 2.789 6.102c-.415-1.335-3.895-6.17-3.605-6.584"/><path fill="#e6de95" d="M9.104 7.629c3.033-1.847 5.232-3.789 4.91-4.337c-.32-.548-3.039.505-6.072 2.352S2.71 9.432 3.032 9.98c.32.548 3.039-.505 6.072-2.351"/><path fill="url(#SVGlexVlv3P)" d="M3.17 10.73c-.15-.137-.056-.347.012-.434c.47.223 2.09-.197 2.844-.432c-.89.34-2.708 1.001-2.857.865"/><defs><linearGradient id="SVGL8VIJc7t" x1="18.91" x2="8.168" y1="6.797" y2="17.985" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#f374ab"/><stop offset=".3" stop-color="#ed4892"/><stop offset=".91" stop-color="#a71c2d"/><stop offset="1" stop-color="#b91f2b"/></linearGradient><linearGradient id="SVGlexVlv3P" x1="3.169" x2="5.556" y1="10.55" y2="10.562" gradientUnits="userSpaceOnUse"><stop stop-color="#eac4cf"/><stop offset="1" stop-color="#e76d9e" stop-opacity="0"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedYam(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(#SVGL8VIJc7t)" d="M3.515 11.65a4 4 0 0 1-.47-1.916c3.221-2.133 9.812-6.423 10.4-6.504c.409-.07.83-.004 1.199.186c5.02 5.762 6.07 10.578 6.324 13.707c.118.822-.03 2.64-1.533 3.375c-1.88.928-3.487-.222-4.791-.531c-1.299-.316-3.957-1.33-5.188-2.121c-1.224-.797-1.712-1.403-2.38-2.028c-.674-.63-3.054-3.283-3.561-4.167"/><path fill="#ebddd5" fillOpacity=".7" d="M16.684 6.729c.241-.334.643.185.816.482c1.49 1.91 2.844 6.102 2.789 6.102c-.415-1.335-3.895-6.17-3.605-6.584"/><path fill="#e6de95" d="M9.104 7.629c3.033-1.847 5.232-3.789 4.91-4.337c-.32-.548-3.039.505-6.072 2.352S2.71 9.432 3.032 9.98c.32.548 3.039-.505 6.072-2.351"/><path fill="url(#SVGlexVlv3P)" d="M3.17 10.73c-.15-.137-.056-.347.012-.434c.47.223 2.09-.197 2.844-.432c-.89.34-2.708 1.001-2.857.865"/><defs><linearGradient id="SVGL8VIJc7t" x1="18.91" x2="8.168" y1="6.797" y2="17.985" gradientUnits="userSpaceOnUse"><stop offset=".01" stopColor="#f374ab"/><stop offset=".3" stopColor="#ed4892"/><stop offset=".91" stopColor="#a71c2d"/><stop offset="1" stopColor="#b91f2b"/></linearGradient><linearGradient id="SVGlexVlv3P" x1="3.169" x2="5.556" y1="10.55" y2="10.562" gradientUnits="userSpaceOnUse"><stop stopColor="#eac4cf"/><stop offset="1" stopColor="#e76d9e" stopOpacity="0"/></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(#SVGL8VIJc7t)" d="M3.515 11.65a4 4 0 0 1-.47-1.916c3.221-2.133 9.812-6.423 10.4-6.504c.409-.07.83-.004 1.199.186c5.02 5.762 6.07 10.578 6.324 13.707c.118.822-.03 2.64-1.533 3.375c-1.88.928-3.487-.222-4.791-.531c-1.299-.316-3.957-1.33-5.188-2.121c-1.224-.797-1.712-1.403-2.38-2.028c-.674-.63-3.054-3.283-3.561-4.167"/><path fill="#ebddd5" fill-opacity=".7" d="M16.684 6.729c.241-.334.643.185.816.482c1.49 1.91 2.844 6.102 2.789 6.102c-.415-1.335-3.895-6.17-3.605-6.584"/><path fill="#e6de95" d="M9.104 7.629c3.033-1.847 5.232-3.789 4.91-4.337c-.32-.548-3.039.505-6.072 2.352S2.71 9.432 3.032 9.98c.32.548 3.039-.505 6.072-2.351"/><path fill="url(#SVGlexVlv3P)" d="M3.17 10.73c-.15-.137-.056-.347.012-.434c.47.223 2.09-.197 2.844-.432c-.89.34-2.708 1.001-2.857.865"/><defs><linearGradient id="SVGL8VIJc7t" x1="18.91" x2="8.168" y1="6.797" y2="17.985" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#f374ab"/><stop offset=".3" stop-color="#ed4892"/><stop offset=".91" stop-color="#a71c2d"/><stop offset="1" stop-color="#b91f2b"/></linearGradient><linearGradient id="SVGlexVlv3P" x1="3.169" x2="5.556" y1="10.55" y2="10.562" gradientUnits="userSpaceOnUse"><stop stop-color="#eac4cf"/><stop offset="1" stop-color="#e76d9e" stop-opacity="0"/></linearGradient></defs></g></svg> </template>
CSS
.icon-yam {
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(%23SVGL8VIJc7t)%22%20d%3D%22M3.515%2011.65a4%204%200%200%201-.47-1.916c3.221-2.133%209.812-6.423%2010.4-6.504c.409-.07.83-.004%201.199.186c5.02%205.762%206.07%2010.578%206.324%2013.707c.118.822-.03%202.64-1.533%203.375c-1.88.928-3.487-.222-4.791-.531c-1.299-.316-3.957-1.33-5.188-2.121c-1.224-.797-1.712-1.403-2.38-2.028c-.674-.63-3.054-3.283-3.561-4.167%22%2F%3E%3Cpath%20fill%3D%22%23ebddd5%22%20fill-opacity%3D%22.7%22%20d%3D%22M16.684%206.729c.241-.334.643.185.816.482c1.49%201.91%202.844%206.102%202.789%206.102c-.415-1.335-3.895-6.17-3.605-6.584%22%2F%3E%3Cpath%20fill%3D%22%23e6de95%22%20d%3D%22M9.104%207.629c3.033-1.847%205.232-3.789%204.91-4.337c-.32-.548-3.039.505-6.072%202.352S2.71%209.432%203.032%209.98c.32.548%203.039-.505%206.072-2.351%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGlexVlv3P)%22%20d%3D%22M3.17%2010.73c-.15-.137-.056-.347.012-.434c.47.223%202.09-.197%202.844-.432c-.89.34-2.708%201.001-2.857.865%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGL8VIJc7t%22%20x1%3D%2218.91%22%20x2%3D%228.168%22%20y1%3D%226.797%22%20y2%3D%2217.985%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.01%22%20stop-color%3D%22%23f374ab%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23ed4892%22%2F%3E%3Cstop%20offset%3D%22.91%22%20stop-color%3D%22%23a71c2d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b91f2b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGlexVlv3P%22%20x1%3D%223.169%22%20x2%3D%225.556%22%20y1%3D%2210.55%22%20y2%3D%2210.562%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eac4cf%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e76d9e%22%20stop-opacity%3D%220%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(%23SVGL8VIJc7t)%22%20d%3D%22M3.515%2011.65a4%204%200%200%201-.47-1.916c3.221-2.133%209.812-6.423%2010.4-6.504c.409-.07.83-.004%201.199.186c5.02%205.762%206.07%2010.578%206.324%2013.707c.118.822-.03%202.64-1.533%203.375c-1.88.928-3.487-.222-4.791-.531c-1.299-.316-3.957-1.33-5.188-2.121c-1.224-.797-1.712-1.403-2.38-2.028c-.674-.63-3.054-3.283-3.561-4.167%22%2F%3E%3Cpath%20fill%3D%22%23ebddd5%22%20fill-opacity%3D%22.7%22%20d%3D%22M16.684%206.729c.241-.334.643.185.816.482c1.49%201.91%202.844%206.102%202.789%206.102c-.415-1.335-3.895-6.17-3.605-6.584%22%2F%3E%3Cpath%20fill%3D%22%23e6de95%22%20d%3D%22M9.104%207.629c3.033-1.847%205.232-3.789%204.91-4.337c-.32-.548-3.039.505-6.072%202.352S2.71%209.432%203.032%209.98c.32.548%203.039-.505%206.072-2.351%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGlexVlv3P)%22%20d%3D%22M3.17%2010.73c-.15-.137-.056-.347.012-.434c.47.223%202.09-.197%202.844-.432c-.89.34-2.708%201.001-2.857.865%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGL8VIJc7t%22%20x1%3D%2218.91%22%20x2%3D%228.168%22%20y1%3D%226.797%22%20y2%3D%2217.985%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.01%22%20stop-color%3D%22%23f374ab%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23ed4892%22%2F%3E%3Cstop%20offset%3D%22.91%22%20stop-color%3D%22%23a71c2d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b91f2b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGlexVlv3P%22%20x1%3D%223.169%22%20x2%3D%225.556%22%20y1%3D%2210.55%22%20y2%3D%2210.562%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eac4cf%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e76d9e%22%20stop-opacity%3D%220%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/yam.svg?color=%231a73e8&size=48
