shft logo
shft from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- shft
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the shft logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.684 11.309v4.514C17.532 18.745 15.04 21 12 21s-5.533-2.288-5.684-5.21v-.08a.71.71 0 1 1 1.42 0v.24c.238 2.08 2.07 3.629 4.264 3.629c2.193 0 4.026-1.473 4.263-3.553v-4.154l-2.369-2.306V8.77c0-1.018-.852-1.98-1.894-1.98s-1.895.962-1.895 1.98v2.255l2.605 2.59v1.905c0 .379-.317.743-.71.743s-.71-.36-.71-.743v-1.327l-2.37-2.382v-3.6C9.044 6.662 10.38 5.37 12 5.37a3.117 3.117 0 0 1 3.079 2.842v.535l2.605 2.558z"/><path fill="currentColor" d="M16.973 8.542c.393 0 .715-.322.663-.71A5.68 5.68 0 0 0 12 3C8.864 3 6.316 5.477 6.316 8.542v4.13L8.92 15.24v.512A3.154 3.154 0 0 0 12 18.63a3.12 3.12 0 0 0 3.079-2.842v-3.41l-2.369-2.345V8.442a.71.71 0 0 0-.447-.65a.71.71 0 0 0-.974.67v2.126l2.606 2.605v2.297c-.02 1.01-.863 1.72-1.895 1.72s-1.871-.749-1.885-1.753h-.01v-1.023l-2.368-2.292v-3.6C7.737 6.245 9.646 4.42 12 4.42a4.235 4.235 0 0 1 4.201 3.41c.066.389.38.71.772.71"/></svg>
React
import type { SVGProps } from "react";
export function TokenShft(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.684 11.309v4.514C17.532 18.745 15.04 21 12 21s-5.533-2.288-5.684-5.21v-.08a.71.71 0 1 1 1.42 0v.24c.238 2.08 2.07 3.629 4.264 3.629c2.193 0 4.026-1.473 4.263-3.553v-4.154l-2.369-2.306V8.77c0-1.018-.852-1.98-1.894-1.98s-1.895.962-1.895 1.98v2.255l2.605 2.59v1.905c0 .379-.317.743-.71.743s-.71-.36-.71-.743v-1.327l-2.37-2.382v-3.6C9.044 6.662 10.38 5.37 12 5.37a3.117 3.117 0 0 1 3.079 2.842v.535l2.605 2.558z"/><path fill="currentColor" d="M16.973 8.542c.393 0 .715-.322.663-.71A5.68 5.68 0 0 0 12 3C8.864 3 6.316 5.477 6.316 8.542v4.13L8.92 15.24v.512A3.154 3.154 0 0 0 12 18.63a3.12 3.12 0 0 0 3.079-2.842v-3.41l-2.369-2.345V8.442a.71.71 0 0 0-.447-.65a.71.71 0 0 0-.974.67v2.126l2.606 2.605v2.297c-.02 1.01-.863 1.72-1.895 1.72s-1.871-.749-1.885-1.753h-.01v-1.023l-2.368-2.292v-3.6C7.737 6.245 9.646 4.42 12 4.42a4.235 4.235 0 0 1 4.201 3.41c.066.389.38.71.772.71"/></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.684 11.309v4.514C17.532 18.745 15.04 21 12 21s-5.533-2.288-5.684-5.21v-.08a.71.71 0 1 1 1.42 0v.24c.238 2.08 2.07 3.629 4.264 3.629c2.193 0 4.026-1.473 4.263-3.553v-4.154l-2.369-2.306V8.77c0-1.018-.852-1.98-1.894-1.98s-1.895.962-1.895 1.98v2.255l2.605 2.59v1.905c0 .379-.317.743-.71.743s-.71-.36-.71-.743v-1.327l-2.37-2.382v-3.6C9.044 6.662 10.38 5.37 12 5.37a3.117 3.117 0 0 1 3.079 2.842v.535l2.605 2.558z"/><path fill="currentColor" d="M16.973 8.542c.393 0 .715-.322.663-.71A5.68 5.68 0 0 0 12 3C8.864 3 6.316 5.477 6.316 8.542v4.13L8.92 15.24v.512A3.154 3.154 0 0 0 12 18.63a3.12 3.12 0 0 0 3.079-2.842v-3.41l-2.369-2.345V8.442a.71.71 0 0 0-.447-.65a.71.71 0 0 0-.974.67v2.126l2.606 2.605v2.297c-.02 1.01-.863 1.72-1.895 1.72s-1.871-.749-1.885-1.753h-.01v-1.023l-2.368-2.292v-3.6C7.737 6.245 9.646 4.42 12 4.42a4.235 4.235 0 0 1 4.201 3.41c.066.389.38.71.772.71"/></svg> </template>
CSS
.icon-shft {
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.684%2011.309v4.514C17.532%2018.745%2015.04%2021%2012%2021s-5.533-2.288-5.684-5.21v-.08a.71.71%200%201%201%201.42%200v.24c.238%202.08%202.07%203.629%204.264%203.629c2.193%200%204.026-1.473%204.263-3.553v-4.154l-2.369-2.306V8.77c0-1.018-.852-1.98-1.894-1.98s-1.895.962-1.895%201.98v2.255l2.605%202.59v1.905c0%20.379-.317.743-.71.743s-.71-.36-.71-.743v-1.327l-2.37-2.382v-3.6C9.044%206.662%2010.38%205.37%2012%205.37a3.117%203.117%200%200%201%203.079%202.842v.535l2.605%202.558z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.973%208.542c.393%200%20.715-.322.663-.71A5.68%205.68%200%200%200%2012%203C8.864%203%206.316%205.477%206.316%208.542v4.13L8.92%2015.24v.512A3.154%203.154%200%200%200%2012%2018.63a3.12%203.12%200%200%200%203.079-2.842v-3.41l-2.369-2.345V8.442a.71.71%200%200%200-.447-.65a.71.71%200%200%200-.974.67v2.126l2.606%202.605v2.297c-.02%201.01-.863%201.72-1.895%201.72s-1.871-.749-1.885-1.753h-.01v-1.023l-2.368-2.292v-3.6C7.737%206.245%209.646%204.42%2012%204.42a4.235%204.235%200%200%201%204.201%203.41c.066.389.38.71.772.71%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.684%2011.309v4.514C17.532%2018.745%2015.04%2021%2012%2021s-5.533-2.288-5.684-5.21v-.08a.71.71%200%201%201%201.42%200v.24c.238%202.08%202.07%203.629%204.264%203.629c2.193%200%204.026-1.473%204.263-3.553v-4.154l-2.369-2.306V8.77c0-1.018-.852-1.98-1.894-1.98s-1.895.962-1.895%201.98v2.255l2.605%202.59v1.905c0%20.379-.317.743-.71.743s-.71-.36-.71-.743v-1.327l-2.37-2.382v-3.6C9.044%206.662%2010.38%205.37%2012%205.37a3.117%203.117%200%200%201%203.079%202.842v.535l2.605%202.558z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.973%208.542c.393%200%20.715-.322.663-.71A5.68%205.68%200%200%200%2012%203C8.864%203%206.316%205.477%206.316%208.542v4.13L8.92%2015.24v.512A3.154%203.154%200%200%200%2012%2018.63a3.12%203.12%200%200%200%203.079-2.842v-3.41l-2.369-2.345V8.442a.71.71%200%200%200-.447-.65a.71.71%200%200%200-.974.67v2.126l2.606%202.605v2.297c-.02%201.01-.863%201.72-1.895%201.72s-1.871-.749-1.885-1.753h-.01v-1.023l-2.368-2.292v-3.6C7.737%206.245%209.646%204.42%2012%204.42a4.235%204.235%200%200%201%204.201%203.41c.066.389.38.71.772.71%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/shft.svg?color=%231a73e8&size=48
