skey logo
skey from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- skey
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the skey logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.27 15.569a4.174 4.174 0 0 1 0-5.998l4.663-4.558c1.694-1.656 4.44-1.656 6.134 0l4.663 4.558a4.173 4.173 0 0 1 0 5.998l-4.663 4.558l-.081.078l-.336-1.05l3.975-3.842a3.51 3.51 0 0 0 0-5.083L14.63 6.367c-1.452-1.404-3.806-1.404-5.258 0L5.375 10.23a3.51 3.51 0 0 0 0 5.083l3.985 3.852l-.32 1.063l-.107-.101zm10.003 2.408l3.413-3.414a2.534 2.534 0 0 0 0-3.584l-3.893-3.894a2.534 2.534 0 0 0-3.585 0L6.314 10.98a2.534 2.534 0 0 0 0 3.585L9.72 17.97l.457-1.52l-2.886-2.886a1.48 1.48 0 0 1 0-2.097l3.66-3.66a1.48 1.48 0 0 1 2.098 0l3.66 3.66a1.48 1.48 0 0 1 0 2.097l-2.916 2.915zm-.842-2.63l2.19-2.204a.813.813 0 0 0 0-1.145L12.57 8.926a.8.8 0 0 0-1.138 0l-3.053 3.072a.813.813 0 0 0 0 1.145l2.144 2.157l.326-1.082a2.057 2.057 0 1 1 2.237.045z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenSkey(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" fillRule="evenodd" d="M4.27 15.569a4.174 4.174 0 0 1 0-5.998l4.663-4.558c1.694-1.656 4.44-1.656 6.134 0l4.663 4.558a4.173 4.173 0 0 1 0 5.998l-4.663 4.558l-.081.078l-.336-1.05l3.975-3.842a3.51 3.51 0 0 0 0-5.083L14.63 6.367c-1.452-1.404-3.806-1.404-5.258 0L5.375 10.23a3.51 3.51 0 0 0 0 5.083l3.985 3.852l-.32 1.063l-.107-.101zm10.003 2.408l3.413-3.414a2.534 2.534 0 0 0 0-3.584l-3.893-3.894a2.534 2.534 0 0 0-3.585 0L6.314 10.98a2.534 2.534 0 0 0 0 3.585L9.72 17.97l.457-1.52l-2.886-2.886a1.48 1.48 0 0 1 0-2.097l3.66-3.66a1.48 1.48 0 0 1 2.098 0l3.66 3.66a1.48 1.48 0 0 1 0 2.097l-2.916 2.915zm-.842-2.63l2.19-2.204a.813.813 0 0 0 0-1.145L12.57 8.926a.8.8 0 0 0-1.138 0l-3.053 3.072a.813.813 0 0 0 0 1.145l2.144 2.157l.326-1.082a2.057 2.057 0 1 1 2.237.045z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.27 15.569a4.174 4.174 0 0 1 0-5.998l4.663-4.558c1.694-1.656 4.44-1.656 6.134 0l4.663 4.558a4.173 4.173 0 0 1 0 5.998l-4.663 4.558l-.081.078l-.336-1.05l3.975-3.842a3.51 3.51 0 0 0 0-5.083L14.63 6.367c-1.452-1.404-3.806-1.404-5.258 0L5.375 10.23a3.51 3.51 0 0 0 0 5.083l3.985 3.852l-.32 1.063l-.107-.101zm10.003 2.408l3.413-3.414a2.534 2.534 0 0 0 0-3.584l-3.893-3.894a2.534 2.534 0 0 0-3.585 0L6.314 10.98a2.534 2.534 0 0 0 0 3.585L9.72 17.97l.457-1.52l-2.886-2.886a1.48 1.48 0 0 1 0-2.097l3.66-3.66a1.48 1.48 0 0 1 2.098 0l3.66 3.66a1.48 1.48 0 0 1 0 2.097l-2.916 2.915zm-.842-2.63l2.19-2.204a.813.813 0 0 0 0-1.145L12.57 8.926a.8.8 0 0 0-1.138 0l-3.053 3.072a.813.813 0 0 0 0 1.145l2.144 2.157l.326-1.082a2.057 2.057 0 1 1 2.237.045z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-skey {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M4.27%2015.569a4.174%204.174%200%200%201%200-5.998l4.663-4.558c1.694-1.656%204.44-1.656%206.134%200l4.663%204.558a4.173%204.173%200%200%201%200%205.998l-4.663%204.558l-.081.078l-.336-1.05l3.975-3.842a3.51%203.51%200%200%200%200-5.083L14.63%206.367c-1.452-1.404-3.806-1.404-5.258%200L5.375%2010.23a3.51%203.51%200%200%200%200%205.083l3.985%203.852l-.32%201.063l-.107-.101zm10.003%202.408l3.413-3.414a2.534%202.534%200%200%200%200-3.584l-3.893-3.894a2.534%202.534%200%200%200-3.585%200L6.314%2010.98a2.534%202.534%200%200%200%200%203.585L9.72%2017.97l.457-1.52l-2.886-2.886a1.48%201.48%200%200%201%200-2.097l3.66-3.66a1.48%201.48%200%200%201%202.098%200l3.66%203.66a1.48%201.48%200%200%201%200%202.097l-2.916%202.915zm-.842-2.63l2.19-2.204a.813.813%200%200%200%200-1.145L12.57%208.926a.8.8%200%200%200-1.138%200l-3.053%203.072a.813.813%200%200%200%200%201.145l2.144%202.157l.326-1.082a2.057%202.057%200%201%201%202.237.045z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M4.27%2015.569a4.174%204.174%200%200%201%200-5.998l4.663-4.558c1.694-1.656%204.44-1.656%206.134%200l4.663%204.558a4.173%204.173%200%200%201%200%205.998l-4.663%204.558l-.081.078l-.336-1.05l3.975-3.842a3.51%203.51%200%200%200%200-5.083L14.63%206.367c-1.452-1.404-3.806-1.404-5.258%200L5.375%2010.23a3.51%203.51%200%200%200%200%205.083l3.985%203.852l-.32%201.063l-.107-.101zm10.003%202.408l3.413-3.414a2.534%202.534%200%200%200%200-3.584l-3.893-3.894a2.534%202.534%200%200%200-3.585%200L6.314%2010.98a2.534%202.534%200%200%200%200%203.585L9.72%2017.97l.457-1.52l-2.886-2.886a1.48%201.48%200%200%201%200-2.097l3.66-3.66a1.48%201.48%200%200%201%202.098%200l3.66%203.66a1.48%201.48%200%200%201%200%202.097l-2.916%202.915zm-.842-2.63l2.19-2.204a.813.813%200%200%200%200-1.145L12.57%208.926a.8.8%200%200%200-1.138%200l-3.053%203.072a.813.813%200%200%200%200%201.145l2.144%202.157l.326-1.082a2.057%202.057%200%201%201%202.237.045z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/skey.svg?color=%231a73e8&size=48
