yam logo
yam from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- yam
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="M3.515 11.651a4 4 0 0 1-.47-1.916c3.221-2.133 9.812-6.424 10.4-6.504c.409-.07.83-.005 1.199.185c5.02 5.762 6.07 10.579 6.324 13.707c.118.822-.03 2.64-1.533 3.376c-1.88.927-3.487-.223-4.791-.532c-1.299-.315-3.957-1.33-5.188-2.12c-1.224-.798-1.712-1.404-2.38-2.029c-.674-.63-3.054-3.282-3.561-4.167"/><path fill="currentColor" d="M16.684 6.728c.241-.334.643.186.816.482c1.49 1.91 2.844 6.103 2.789 6.103c-.415-1.336-3.896-6.17-3.605-6.585m-7.58.901c3.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.351m-5.936 3.1c-.148-.136-.055-.346.013-.433c.47.223 2.09-.198 2.844-.433c-.89.34-2.708 1.002-2.857.866"/></svg>
React
import type { SVGProps } from "react";
export function TokenYam(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.515 11.651a4 4 0 0 1-.47-1.916c3.221-2.133 9.812-6.424 10.4-6.504c.409-.07.83-.005 1.199.185c5.02 5.762 6.07 10.579 6.324 13.707c.118.822-.03 2.64-1.533 3.376c-1.88.927-3.487-.223-4.791-.532c-1.299-.315-3.957-1.33-5.188-2.12c-1.224-.798-1.712-1.404-2.38-2.029c-.674-.63-3.054-3.282-3.561-4.167"/><path fill="currentColor" d="M16.684 6.728c.241-.334.643.186.816.482c1.49 1.91 2.844 6.103 2.789 6.103c-.415-1.336-3.896-6.17-3.605-6.585m-7.58.901c3.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.351m-5.936 3.1c-.148-.136-.055-.346.013-.433c.47.223 2.09-.198 2.844-.433c-.89.34-2.708 1.002-2.857.866"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.515 11.651a4 4 0 0 1-.47-1.916c3.221-2.133 9.812-6.424 10.4-6.504c.409-.07.83-.005 1.199.185c5.02 5.762 6.07 10.579 6.324 13.707c.118.822-.03 2.64-1.533 3.376c-1.88.927-3.487-.223-4.791-.532c-1.299-.315-3.957-1.33-5.188-2.12c-1.224-.798-1.712-1.404-2.38-2.029c-.674-.63-3.054-3.282-3.561-4.167"/><path fill="currentColor" d="M16.684 6.728c.241-.334.643.186.816.482c1.49 1.91 2.844 6.103 2.789 6.103c-.415-1.336-3.896-6.17-3.605-6.585m-7.58.901c3.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.351m-5.936 3.1c-.148-.136-.055-.346.013-.433c.47.223 2.09-.198 2.844-.433c-.89.34-2.708 1.002-2.857.866"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.515%2011.651a4%204%200%200%201-.47-1.916c3.221-2.133%209.812-6.424%2010.4-6.504c.409-.07.83-.005%201.199.185c5.02%205.762%206.07%2010.579%206.324%2013.707c.118.822-.03%202.64-1.533%203.376c-1.88.927-3.487-.223-4.791-.532c-1.299-.315-3.957-1.33-5.188-2.12c-1.224-.798-1.712-1.404-2.38-2.029c-.674-.63-3.054-3.282-3.561-4.167%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.684%206.728c.241-.334.643.186.816.482c1.49%201.91%202.844%206.103%202.789%206.103c-.415-1.336-3.896-6.17-3.605-6.585m-7.58.901c3.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.351m-5.936%203.1c-.148-.136-.055-.346.013-.433c.47.223%202.09-.198%202.844-.433c-.89.34-2.708%201.002-2.857.866%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.515%2011.651a4%204%200%200%201-.47-1.916c3.221-2.133%209.812-6.424%2010.4-6.504c.409-.07.83-.005%201.199.185c5.02%205.762%206.07%2010.579%206.324%2013.707c.118.822-.03%202.64-1.533%203.376c-1.88.927-3.487-.223-4.791-.532c-1.299-.315-3.957-1.33-5.188-2.12c-1.224-.798-1.712-1.404-2.38-2.029c-.674-.63-3.054-3.282-3.561-4.167%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.684%206.728c.241-.334.643.186.816.482c1.49%201.91%202.844%206.103%202.789%206.103c-.415-1.336-3.896-6.17-3.605-6.585m-7.58.901c3.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.351m-5.936%203.1c-.148-.136-.055-.346.013-.433c.47.223%202.09-.198%202.844-.433c-.89.34-2.708%201.002-2.857.866%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/yam.svg?color=%231a73e8&size=48
