yak logo
yak from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- yak
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the yak logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 6.754a7.5 7.5 0 0 1 .434-1.89a.04.04 0 0 1 .032 0l.032.021l.01.016c-.016 1.731.498 3.621 2.197 4.32a5.3 5.3 0 0 0 1.6.365c.846.059 1.704.053 2.577.032c.08 0 .16.048.217.095a.34.34 0 0 1 .127.19l.456 1.483a.03.03 0 0 0 .008.018a.03.03 0 0 0 .018.009h.021l.01-.011l.398-.561a.04.04 0 0 1 .028-.014q.017-.002.03.009l.016.01l.752 1.525q.04.08.074 0l.752-1.53c.016-.032.037-.032.053 0l.428.582a.03.03 0 0 0 .022 0a.03.03 0 0 0 .02-.01l.467-1.557a.3.3 0 0 1 .1-.159c.053-.031.106-.079.175-.079c.73.01 1.461.032 2.197 0c1.27-.053 2.578-.37 3.367-1.398c.651-.847.847-2.133.874-3.208q.006-.308.116-.021c.572 1.504.572 3.462-.36 4.86c-.89 1.323-2.478 1.948-4.002 2.176a1.55 1.55 0 0 0-1.218.868c-.408.805-.836 1.625-1.234 2.451a1.8 1.8 0 0 0-.18.657a19 19 0 0 0-.02 1.64a.25.25 0 0 1-.038.144l-.72 1.307a.1.1 0 0 1-.09.053h-1.503a.09.09 0 0 1-.08-.053c-.227-.402-.434-.815-.677-1.239a.6.6 0 0 1-.085-.317c0-.773.08-1.599-.27-2.314a77 77 0 0 0-1.233-2.445c-.297-.556-.832-.7-1.42-.805C5.066 11.55 3.186 10.19 3 7.564z"/></svg>
React
import type { SVGProps } from "react";
export function TokenYak(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 6.754a7.5 7.5 0 0 1 .434-1.89a.04.04 0 0 1 .032 0l.032.021l.01.016c-.016 1.731.498 3.621 2.197 4.32a5.3 5.3 0 0 0 1.6.365c.846.059 1.704.053 2.577.032c.08 0 .16.048.217.095a.34.34 0 0 1 .127.19l.456 1.483a.03.03 0 0 0 .008.018a.03.03 0 0 0 .018.009h.021l.01-.011l.398-.561a.04.04 0 0 1 .028-.014q.017-.002.03.009l.016.01l.752 1.525q.04.08.074 0l.752-1.53c.016-.032.037-.032.053 0l.428.582a.03.03 0 0 0 .022 0a.03.03 0 0 0 .02-.01l.467-1.557a.3.3 0 0 1 .1-.159c.053-.031.106-.079.175-.079c.73.01 1.461.032 2.197 0c1.27-.053 2.578-.37 3.367-1.398c.651-.847.847-2.133.874-3.208q.006-.308.116-.021c.572 1.504.572 3.462-.36 4.86c-.89 1.323-2.478 1.948-4.002 2.176a1.55 1.55 0 0 0-1.218.868c-.408.805-.836 1.625-1.234 2.451a1.8 1.8 0 0 0-.18.657a19 19 0 0 0-.02 1.64a.25.25 0 0 1-.038.144l-.72 1.307a.1.1 0 0 1-.09.053h-1.503a.09.09 0 0 1-.08-.053c-.227-.402-.434-.815-.677-1.239a.6.6 0 0 1-.085-.317c0-.773.08-1.599-.27-2.314a77 77 0 0 0-1.233-2.445c-.297-.556-.832-.7-1.42-.805C5.066 11.55 3.186 10.19 3 7.564z"/></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 6.754a7.5 7.5 0 0 1 .434-1.89a.04.04 0 0 1 .032 0l.032.021l.01.016c-.016 1.731.498 3.621 2.197 4.32a5.3 5.3 0 0 0 1.6.365c.846.059 1.704.053 2.577.032c.08 0 .16.048.217.095a.34.34 0 0 1 .127.19l.456 1.483a.03.03 0 0 0 .008.018a.03.03 0 0 0 .018.009h.021l.01-.011l.398-.561a.04.04 0 0 1 .028-.014q.017-.002.03.009l.016.01l.752 1.525q.04.08.074 0l.752-1.53c.016-.032.037-.032.053 0l.428.582a.03.03 0 0 0 .022 0a.03.03 0 0 0 .02-.01l.467-1.557a.3.3 0 0 1 .1-.159c.053-.031.106-.079.175-.079c.73.01 1.461.032 2.197 0c1.27-.053 2.578-.37 3.367-1.398c.651-.847.847-2.133.874-3.208q.006-.308.116-.021c.572 1.504.572 3.462-.36 4.86c-.89 1.323-2.478 1.948-4.002 2.176a1.55 1.55 0 0 0-1.218.868c-.408.805-.836 1.625-1.234 2.451a1.8 1.8 0 0 0-.18.657a19 19 0 0 0-.02 1.64a.25.25 0 0 1-.038.144l-.72 1.307a.1.1 0 0 1-.09.053h-1.503a.09.09 0 0 1-.08-.053c-.227-.402-.434-.815-.677-1.239a.6.6 0 0 1-.085-.317c0-.773.08-1.599-.27-2.314a77 77 0 0 0-1.233-2.445c-.297-.556-.832-.7-1.42-.805C5.066 11.55 3.186 10.19 3 7.564z"/></svg> </template>
CSS
.icon-yak {
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%206.754a7.5%207.5%200%200%201%20.434-1.89a.04.04%200%200%201%20.032%200l.032.021l.01.016c-.016%201.731.498%203.621%202.197%204.32a5.3%205.3%200%200%200%201.6.365c.846.059%201.704.053%202.577.032c.08%200%20.16.048.217.095a.34.34%200%200%201%20.127.19l.456%201.483a.03.03%200%200%200%20.008.018a.03.03%200%200%200%20.018.009h.021l.01-.011l.398-.561a.04.04%200%200%201%20.028-.014q.017-.002.03.009l.016.01l.752%201.525q.04.08.074%200l.752-1.53c.016-.032.037-.032.053%200l.428.582a.03.03%200%200%200%20.022%200a.03.03%200%200%200%20.02-.01l.467-1.557a.3.3%200%200%201%20.1-.159c.053-.031.106-.079.175-.079c.73.01%201.461.032%202.197%200c1.27-.053%202.578-.37%203.367-1.398c.651-.847.847-2.133.874-3.208q.006-.308.116-.021c.572%201.504.572%203.462-.36%204.86c-.89%201.323-2.478%201.948-4.002%202.176a1.55%201.55%200%200%200-1.218.868c-.408.805-.836%201.625-1.234%202.451a1.8%201.8%200%200%200-.18.657a19%2019%200%200%200-.02%201.64a.25.25%200%200%201-.038.144l-.72%201.307a.1.1%200%200%201-.09.053h-1.503a.09.09%200%200%201-.08-.053c-.227-.402-.434-.815-.677-1.239a.6.6%200%200%201-.085-.317c0-.773.08-1.599-.27-2.314a77%2077%200%200%200-1.233-2.445c-.297-.556-.832-.7-1.42-.805C5.066%2011.55%203.186%2010.19%203%207.564z%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%206.754a7.5%207.5%200%200%201%20.434-1.89a.04.04%200%200%201%20.032%200l.032.021l.01.016c-.016%201.731.498%203.621%202.197%204.32a5.3%205.3%200%200%200%201.6.365c.846.059%201.704.053%202.577.032c.08%200%20.16.048.217.095a.34.34%200%200%201%20.127.19l.456%201.483a.03.03%200%200%200%20.008.018a.03.03%200%200%200%20.018.009h.021l.01-.011l.398-.561a.04.04%200%200%201%20.028-.014q.017-.002.03.009l.016.01l.752%201.525q.04.08.074%200l.752-1.53c.016-.032.037-.032.053%200l.428.582a.03.03%200%200%200%20.022%200a.03.03%200%200%200%20.02-.01l.467-1.557a.3.3%200%200%201%20.1-.159c.053-.031.106-.079.175-.079c.73.01%201.461.032%202.197%200c1.27-.053%202.578-.37%203.367-1.398c.651-.847.847-2.133.874-3.208q.006-.308.116-.021c.572%201.504.572%203.462-.36%204.86c-.89%201.323-2.478%201.948-4.002%202.176a1.55%201.55%200%200%200-1.218.868c-.408.805-.836%201.625-1.234%202.451a1.8%201.8%200%200%200-.18.657a19%2019%200%200%200-.02%201.64a.25.25%200%200%201-.038.144l-.72%201.307a.1.1%200%200%201-.09.053h-1.503a.09.09%200%200%201-.08-.053c-.227-.402-.434-.815-.677-1.239a.6.6%200%200%201-.085-.317c0-.773.08-1.599-.27-2.314a77%2077%200%200%200-1.233-2.445c-.297-.556-.832-.7-1.42-.805C5.066%2011.55%203.186%2010.19%203%207.564z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/yak.svg?color=%231a73e8&size=48
