suip logo
suip from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- suip
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the suip logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.759 10.218l-2.388-2.379h-.004l-.005-.009a4.2 4.2 0 0 0-2.98-1.227c-.868 0-1.691.26-2.388.737a4.2 4.2 0 0 0-2.383-.737a4.2 4.2 0 0 0-2.986 1.232l-2.383 2.378a4.176 4.176 0 0 0 0 5.944a4.2 4.2 0 0 0 2.981 1.232c.863 0 1.686-.26 2.383-.737a4.2 4.2 0 0 0 2.392.733c.864 0 1.686-.257 2.383-.738a4.2 4.2 0 0 0 4.011.428a4.194 4.194 0 0 0 1.372-6.853zM8.311 15.46a2.518 2.518 0 0 1-2.877-4.06l2.383-2.374a2.52 2.52 0 0 1 2.882-.494l-1.686 1.681a4.16 4.16 0 0 0-1.237 2.972c0 .8.225 1.565.639 2.226zm5.472-.494a2.52 2.52 0 0 1-2.756.553A2.518 2.518 0 0 1 10.2 11.4l1.798-1.785l1.79 1.785a2.52 2.52 0 0 1 0 3.566zm4.78.013a2.54 2.54 0 0 1-2.995.437c.532-.84.745-1.841.603-2.824c-.13-.9-.54-1.727-1.196-2.379l-1.673-1.677l-.009-.009a2.53 2.53 0 0 1 2.878.495h.009v.009l2.378 2.365l.01.013a2.505 2.505 0 0 1 0 3.566z"/></svg>
React
import type { SVGProps } from "react";
export function TokenSuip(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="m19.759 10.218l-2.388-2.379h-.004l-.005-.009a4.2 4.2 0 0 0-2.98-1.227c-.868 0-1.691.26-2.388.737a4.2 4.2 0 0 0-2.383-.737a4.2 4.2 0 0 0-2.986 1.232l-2.383 2.378a4.176 4.176 0 0 0 0 5.944a4.2 4.2 0 0 0 2.981 1.232c.863 0 1.686-.26 2.383-.737a4.2 4.2 0 0 0 2.392.733c.864 0 1.686-.257 2.383-.738a4.2 4.2 0 0 0 4.011.428a4.194 4.194 0 0 0 1.372-6.853zM8.311 15.46a2.518 2.518 0 0 1-2.877-4.06l2.383-2.374a2.52 2.52 0 0 1 2.882-.494l-1.686 1.681a4.16 4.16 0 0 0-1.237 2.972c0 .8.225 1.565.639 2.226zm5.472-.494a2.52 2.52 0 0 1-2.756.553A2.518 2.518 0 0 1 10.2 11.4l1.798-1.785l1.79 1.785a2.52 2.52 0 0 1 0 3.566zm4.78.013a2.54 2.54 0 0 1-2.995.437c.532-.84.745-1.841.603-2.824c-.13-.9-.54-1.727-1.196-2.379l-1.673-1.677l-.009-.009a2.53 2.53 0 0 1 2.878.495h.009v.009l2.378 2.365l.01.013a2.505 2.505 0 0 1 0 3.566z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m19.759 10.218l-2.388-2.379h-.004l-.005-.009a4.2 4.2 0 0 0-2.98-1.227c-.868 0-1.691.26-2.388.737a4.2 4.2 0 0 0-2.383-.737a4.2 4.2 0 0 0-2.986 1.232l-2.383 2.378a4.176 4.176 0 0 0 0 5.944a4.2 4.2 0 0 0 2.981 1.232c.863 0 1.686-.26 2.383-.737a4.2 4.2 0 0 0 2.392.733c.864 0 1.686-.257 2.383-.738a4.2 4.2 0 0 0 4.011.428a4.194 4.194 0 0 0 1.372-6.853zM8.311 15.46a2.518 2.518 0 0 1-2.877-4.06l2.383-2.374a2.52 2.52 0 0 1 2.882-.494l-1.686 1.681a4.16 4.16 0 0 0-1.237 2.972c0 .8.225 1.565.639 2.226zm5.472-.494a2.52 2.52 0 0 1-2.756.553A2.518 2.518 0 0 1 10.2 11.4l1.798-1.785l1.79 1.785a2.52 2.52 0 0 1 0 3.566zm4.78.013a2.54 2.54 0 0 1-2.995.437c.532-.84.745-1.841.603-2.824c-.13-.9-.54-1.727-1.196-2.379l-1.673-1.677l-.009-.009a2.53 2.53 0 0 1 2.878.495h.009v.009l2.378 2.365l.01.013a2.505 2.505 0 0 1 0 3.566z"/></svg> </template>
CSS
.icon-suip {
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%22m19.759%2010.218l-2.388-2.379h-.004l-.005-.009a4.2%204.2%200%200%200-2.98-1.227c-.868%200-1.691.26-2.388.737a4.2%204.2%200%200%200-2.383-.737a4.2%204.2%200%200%200-2.986%201.232l-2.383%202.378a4.176%204.176%200%200%200%200%205.944a4.2%204.2%200%200%200%202.981%201.232c.863%200%201.686-.26%202.383-.737a4.2%204.2%200%200%200%202.392.733c.864%200%201.686-.257%202.383-.738a4.2%204.2%200%200%200%204.011.428a4.194%204.194%200%200%200%201.372-6.853zM8.311%2015.46a2.518%202.518%200%200%201-2.877-4.06l2.383-2.374a2.52%202.52%200%200%201%202.882-.494l-1.686%201.681a4.16%204.16%200%200%200-1.237%202.972c0%20.8.225%201.565.639%202.226zm5.472-.494a2.52%202.52%200%200%201-2.756.553A2.518%202.518%200%200%201%2010.2%2011.4l1.798-1.785l1.79%201.785a2.52%202.52%200%200%201%200%203.566zm4.78.013a2.54%202.54%200%200%201-2.995.437c.532-.84.745-1.841.603-2.824c-.13-.9-.54-1.727-1.196-2.379l-1.673-1.677l-.009-.009a2.53%202.53%200%200%201%202.878.495h.009v.009l2.378%202.365l.01.013a2.505%202.505%200%200%201%200%203.566z%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%22m19.759%2010.218l-2.388-2.379h-.004l-.005-.009a4.2%204.2%200%200%200-2.98-1.227c-.868%200-1.691.26-2.388.737a4.2%204.2%200%200%200-2.383-.737a4.2%204.2%200%200%200-2.986%201.232l-2.383%202.378a4.176%204.176%200%200%200%200%205.944a4.2%204.2%200%200%200%202.981%201.232c.863%200%201.686-.26%202.383-.737a4.2%204.2%200%200%200%202.392.733c.864%200%201.686-.257%202.383-.738a4.2%204.2%200%200%200%204.011.428a4.194%204.194%200%200%200%201.372-6.853zM8.311%2015.46a2.518%202.518%200%200%201-2.877-4.06l2.383-2.374a2.52%202.52%200%200%201%202.882-.494l-1.686%201.681a4.16%204.16%200%200%200-1.237%202.972c0%20.8.225%201.565.639%202.226zm5.472-.494a2.52%202.52%200%200%201-2.756.553A2.518%202.518%200%200%201%2010.2%2011.4l1.798-1.785l1.79%201.785a2.52%202.52%200%200%201%200%203.566zm4.78.013a2.54%202.54%200%200%201-2.995.437c.532-.84.745-1.841.603-2.824c-.13-.9-.54-1.727-1.196-2.379l-1.673-1.677l-.009-.009a2.53%202.53%200%200%201%202.878.495h.009v.009l2.378%202.365l.01.013a2.505%202.505%200%200%201%200%203.566z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/suip.svg?color=%231a73e8&size=48
