sub logo
sub from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- sub
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the sub logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.633 3.041a.204.204 0 0 1 .247 0l1.028.792a.21.21 0 0 1 .076.219a.2.2 0 0 1-.094.127a.2.2 0 0 1-.228-.013l-.906-.691l-2.963 2.25L18.799 15.6a.21.21 0 0 1 0 .334l-.956.725a.203.203 0 0 1-.288-.043a.21.21 0 0 1 .042-.29l.74-.56L5.324 5.892a.21.21 0 0 1-.061-.26a.2.2 0 0 1 .06-.073L8.617 3.04zm3.3 0a.204.204 0 0 1 .247 0l6.618 4.89a.21.21 0 0 1-.001.336a.2.2 0 0 1-.122.038h-3.31a.2.2 0 0 1-.123-.042l-4.338-3.155a.2.2 0 0 1-.08-.137a.21.21 0 0 1 .099-.209a.2.2 0 0 1 .229.013l4.28 2.99h2.626l-5.993-4.29l-4.149 3.15a.204.204 0 0 1-.323-.115a.21.21 0 0 1 .076-.218zM6.238 7.375a.204.204 0 0 1 .288.042a.21.21 0 0 1-.04.29l-.692.526L18.8 18.117a.21.21 0 0 1 .082.166a.2.2 0 0 1-.082.167l-3.31 2.508a.204.204 0 0 1-.247 0l-.946-.725a.21.21 0 0 1-.014-.32a.2.2 0 0 1 .108-.053a.2.2 0 0 1 .152.04l.832.625l2.963-2.25L5.324 8.4a.206.206 0 0 1-.061-.26a.2.2 0 0 1 .06-.074l.906-.691zm-.79 8.323h3.309a.24.24 0 0 1 .124.042l4.288 3.118a.21.21 0 0 1 .062.257a.204.204 0 0 1-.309.077L8.69 16.235H6.064l5.992 4.29l4.14-3.141a.2.2 0 0 1 .153-.04a.2.2 0 0 1 .136.08a.21.21 0 0 1-.041.293l-4.264 3.241a.204.204 0 0 1-.247 0l-6.61-4.885a.21.21 0 0 1-.144-.356a.21.21 0 0 1 .268-.02"/></svg>
React
import type { SVGProps } from "react";
export function TokenSub(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="M8.633 3.041a.204.204 0 0 1 .247 0l1.028.792a.21.21 0 0 1 .076.219a.2.2 0 0 1-.094.127a.2.2 0 0 1-.228-.013l-.906-.691l-2.963 2.25L18.799 15.6a.21.21 0 0 1 0 .334l-.956.725a.203.203 0 0 1-.288-.043a.21.21 0 0 1 .042-.29l.74-.56L5.324 5.892a.21.21 0 0 1-.061-.26a.2.2 0 0 1 .06-.073L8.617 3.04zm3.3 0a.204.204 0 0 1 .247 0l6.618 4.89a.21.21 0 0 1-.001.336a.2.2 0 0 1-.122.038h-3.31a.2.2 0 0 1-.123-.042l-4.338-3.155a.2.2 0 0 1-.08-.137a.21.21 0 0 1 .099-.209a.2.2 0 0 1 .229.013l4.28 2.99h2.626l-5.993-4.29l-4.149 3.15a.204.204 0 0 1-.323-.115a.21.21 0 0 1 .076-.218zM6.238 7.375a.204.204 0 0 1 .288.042a.21.21 0 0 1-.04.29l-.692.526L18.8 18.117a.21.21 0 0 1 .082.166a.2.2 0 0 1-.082.167l-3.31 2.508a.204.204 0 0 1-.247 0l-.946-.725a.21.21 0 0 1-.014-.32a.2.2 0 0 1 .108-.053a.2.2 0 0 1 .152.04l.832.625l2.963-2.25L5.324 8.4a.206.206 0 0 1-.061-.26a.2.2 0 0 1 .06-.074l.906-.691zm-.79 8.323h3.309a.24.24 0 0 1 .124.042l4.288 3.118a.21.21 0 0 1 .062.257a.204.204 0 0 1-.309.077L8.69 16.235H6.064l5.992 4.29l4.14-3.141a.2.2 0 0 1 .153-.04a.2.2 0 0 1 .136.08a.21.21 0 0 1-.041.293l-4.264 3.241a.204.204 0 0 1-.247 0l-6.61-4.885a.21.21 0 0 1-.144-.356a.21.21 0 0 1 .268-.02"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.633 3.041a.204.204 0 0 1 .247 0l1.028.792a.21.21 0 0 1 .076.219a.2.2 0 0 1-.094.127a.2.2 0 0 1-.228-.013l-.906-.691l-2.963 2.25L18.799 15.6a.21.21 0 0 1 0 .334l-.956.725a.203.203 0 0 1-.288-.043a.21.21 0 0 1 .042-.29l.74-.56L5.324 5.892a.21.21 0 0 1-.061-.26a.2.2 0 0 1 .06-.073L8.617 3.04zm3.3 0a.204.204 0 0 1 .247 0l6.618 4.89a.21.21 0 0 1-.001.336a.2.2 0 0 1-.122.038h-3.31a.2.2 0 0 1-.123-.042l-4.338-3.155a.2.2 0 0 1-.08-.137a.21.21 0 0 1 .099-.209a.2.2 0 0 1 .229.013l4.28 2.99h2.626l-5.993-4.29l-4.149 3.15a.204.204 0 0 1-.323-.115a.21.21 0 0 1 .076-.218zM6.238 7.375a.204.204 0 0 1 .288.042a.21.21 0 0 1-.04.29l-.692.526L18.8 18.117a.21.21 0 0 1 .082.166a.2.2 0 0 1-.082.167l-3.31 2.508a.204.204 0 0 1-.247 0l-.946-.725a.21.21 0 0 1-.014-.32a.2.2 0 0 1 .108-.053a.2.2 0 0 1 .152.04l.832.625l2.963-2.25L5.324 8.4a.206.206 0 0 1-.061-.26a.2.2 0 0 1 .06-.074l.906-.691zm-.79 8.323h3.309a.24.24 0 0 1 .124.042l4.288 3.118a.21.21 0 0 1 .062.257a.204.204 0 0 1-.309.077L8.69 16.235H6.064l5.992 4.29l4.14-3.141a.2.2 0 0 1 .153-.04a.2.2 0 0 1 .136.08a.21.21 0 0 1-.041.293l-4.264 3.241a.204.204 0 0 1-.247 0l-6.61-4.885a.21.21 0 0 1-.144-.356a.21.21 0 0 1 .268-.02"/></svg> </template>
CSS
.icon-sub {
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%22M8.633%203.041a.204.204%200%200%201%20.247%200l1.028.792a.21.21%200%200%201%20.076.219a.2.2%200%200%201-.094.127a.2.2%200%200%201-.228-.013l-.906-.691l-2.963%202.25L18.799%2015.6a.21.21%200%200%201%200%20.334l-.956.725a.203.203%200%200%201-.288-.043a.21.21%200%200%201%20.042-.29l.74-.56L5.324%205.892a.21.21%200%200%201-.061-.26a.2.2%200%200%201%20.06-.073L8.617%203.04zm3.3%200a.204.204%200%200%201%20.247%200l6.618%204.89a.21.21%200%200%201-.001.336a.2.2%200%200%201-.122.038h-3.31a.2.2%200%200%201-.123-.042l-4.338-3.155a.2.2%200%200%201-.08-.137a.21.21%200%200%201%20.099-.209a.2.2%200%200%201%20.229.013l4.28%202.99h2.626l-5.993-4.29l-4.149%203.15a.204.204%200%200%201-.323-.115a.21.21%200%200%201%20.076-.218zM6.238%207.375a.204.204%200%200%201%20.288.042a.21.21%200%200%201-.04.29l-.692.526L18.8%2018.117a.21.21%200%200%201%20.082.166a.2.2%200%200%201-.082.167l-3.31%202.508a.204.204%200%200%201-.247%200l-.946-.725a.21.21%200%200%201-.014-.32a.2.2%200%200%201%20.108-.053a.2.2%200%200%201%20.152.04l.832.625l2.963-2.25L5.324%208.4a.206.206%200%200%201-.061-.26a.2.2%200%200%201%20.06-.074l.906-.691zm-.79%208.323h3.309a.24.24%200%200%201%20.124.042l4.288%203.118a.21.21%200%200%201%20.062.257a.204.204%200%200%201-.309.077L8.69%2016.235H6.064l5.992%204.29l4.14-3.141a.2.2%200%200%201%20.153-.04a.2.2%200%200%201%20.136.08a.21.21%200%200%201-.041.293l-4.264%203.241a.204.204%200%200%201-.247%200l-6.61-4.885a.21.21%200%200%201-.144-.356a.21.21%200%200%201%20.268-.02%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%22M8.633%203.041a.204.204%200%200%201%20.247%200l1.028.792a.21.21%200%200%201%20.076.219a.2.2%200%200%201-.094.127a.2.2%200%200%201-.228-.013l-.906-.691l-2.963%202.25L18.799%2015.6a.21.21%200%200%201%200%20.334l-.956.725a.203.203%200%200%201-.288-.043a.21.21%200%200%201%20.042-.29l.74-.56L5.324%205.892a.21.21%200%200%201-.061-.26a.2.2%200%200%201%20.06-.073L8.617%203.04zm3.3%200a.204.204%200%200%201%20.247%200l6.618%204.89a.21.21%200%200%201-.001.336a.2.2%200%200%201-.122.038h-3.31a.2.2%200%200%201-.123-.042l-4.338-3.155a.2.2%200%200%201-.08-.137a.21.21%200%200%201%20.099-.209a.2.2%200%200%201%20.229.013l4.28%202.99h2.626l-5.993-4.29l-4.149%203.15a.204.204%200%200%201-.323-.115a.21.21%200%200%201%20.076-.218zM6.238%207.375a.204.204%200%200%201%20.288.042a.21.21%200%200%201-.04.29l-.692.526L18.8%2018.117a.21.21%200%200%201%20.082.166a.2.2%200%200%201-.082.167l-3.31%202.508a.204.204%200%200%201-.247%200l-.946-.725a.21.21%200%200%201-.014-.32a.2.2%200%200%201%20.108-.053a.2.2%200%200%201%20.152.04l.832.625l2.963-2.25L5.324%208.4a.206.206%200%200%201-.061-.26a.2.2%200%200%201%20.06-.074l.906-.691zm-.79%208.323h3.309a.24.24%200%200%201%20.124.042l4.288%203.118a.21.21%200%200%201%20.062.257a.204.204%200%200%201-.309.077L8.69%2016.235H6.064l5.992%204.29l4.14-3.141a.2.2%200%200%201%20.153-.04a.2.2%200%200%201%20.136.08a.21.21%200%200%201-.041.293l-4.264%203.241a.204.204%200%200%201-.247%200l-6.61-4.885a.21.21%200%200%201-.144-.356a.21.21%200%200%201%20.268-.02%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/sub.svg?color=%231a73e8&size=48
