soul logo
soul from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- soul
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the soul logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.81 8.849H6.214c-1.762 0-3.19 1.412-3.19 3.154s1.428 3.153 3.19 3.153h11.594c1.762 0 3.19-1.412 3.19-3.153s-1.428-3.154-3.19-3.154"/><path fill="currentColor" d="M9.746 3.932L3.936 9.72a3.174 3.174 0 0 0 0 4.502a3.205 3.205 0 0 0 4.52 0l5.81-5.787a3.175 3.175 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0m5.798 5.846l-5.81 5.787a3.175 3.175 0 0 0 0 4.502a3.205 3.205 0 0 0 4.52 0l5.81-5.787a3.175 3.175 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0"/></svg>
React
import type { SVGProps } from "react";
export function TokenSoul(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="M17.81 8.849H6.214c-1.762 0-3.19 1.412-3.19 3.154s1.428 3.153 3.19 3.153h11.594c1.762 0 3.19-1.412 3.19-3.153s-1.428-3.154-3.19-3.154"/><path fill="currentColor" d="M9.746 3.932L3.936 9.72a3.174 3.174 0 0 0 0 4.502a3.205 3.205 0 0 0 4.52 0l5.81-5.787a3.175 3.175 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0m5.798 5.846l-5.81 5.787a3.175 3.175 0 0 0 0 4.502a3.205 3.205 0 0 0 4.52 0l5.81-5.787a3.175 3.175 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.81 8.849H6.214c-1.762 0-3.19 1.412-3.19 3.154s1.428 3.153 3.19 3.153h11.594c1.762 0 3.19-1.412 3.19-3.153s-1.428-3.154-3.19-3.154"/><path fill="currentColor" d="M9.746 3.932L3.936 9.72a3.174 3.174 0 0 0 0 4.502a3.205 3.205 0 0 0 4.52 0l5.81-5.787a3.175 3.175 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0m5.798 5.846l-5.81 5.787a3.175 3.175 0 0 0 0 4.502a3.205 3.205 0 0 0 4.52 0l5.81-5.787a3.175 3.175 0 0 0 0-4.502a3.205 3.205 0 0 0-4.52 0"/></svg> </template>
CSS
.icon-soul {
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%22M17.81%208.849H6.214c-1.762%200-3.19%201.412-3.19%203.154s1.428%203.153%203.19%203.153h11.594c1.762%200%203.19-1.412%203.19-3.153s-1.428-3.154-3.19-3.154%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.746%203.932L3.936%209.72a3.174%203.174%200%200%200%200%204.502a3.205%203.205%200%200%200%204.52%200l5.81-5.787a3.175%203.175%200%200%200%200-4.502a3.205%203.205%200%200%200-4.52%200m5.798%205.846l-5.81%205.787a3.175%203.175%200%200%200%200%204.502a3.205%203.205%200%200%200%204.52%200l5.81-5.787a3.175%203.175%200%200%200%200-4.502a3.205%203.205%200%200%200-4.52%200%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%22M17.81%208.849H6.214c-1.762%200-3.19%201.412-3.19%203.154s1.428%203.153%203.19%203.153h11.594c1.762%200%203.19-1.412%203.19-3.153s-1.428-3.154-3.19-3.154%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.746%203.932L3.936%209.72a3.174%203.174%200%200%200%200%204.502a3.205%203.205%200%200%200%204.52%200l5.81-5.787a3.175%203.175%200%200%200%200-4.502a3.205%203.205%200%200%200-4.52%200m5.798%205.846l-5.81%205.787a3.175%203.175%200%200%200%200%204.502a3.205%203.205%200%200%200%204.52%200l5.81-5.787a3.175%203.175%200%200%200%200-4.502a3.205%203.205%200%200%200-4.52%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/soul.svg?color=%231a73e8&size=48
