skey logo
skey from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- skey
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
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"><g fill="none"><path fill="url(#SVGqHZM84HI)" fill-rule="evenodd" d="M4.27 15.569a4.176 4.176 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.533 2.533 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.484 1.484 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.81.81 0 0 0 0 1.145l2.144 2.157l.326-1.082a2.057 2.057 0 1 1 2.237.045z" clip-rule="evenodd"/><defs><linearGradient id="SVGqHZM84HI" x1="12" x2="12" y1="3.771" y2="20.334" gradientUnits="userSpaceOnUse"><stop stop-color="#530491"/><stop offset="1" stop-color="#03f3fb"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSkey(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGqHZM84HI)" fillRule="evenodd" d="M4.27 15.569a4.176 4.176 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.533 2.533 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.484 1.484 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.81.81 0 0 0 0 1.145l2.144 2.157l.326-1.082a2.057 2.057 0 1 1 2.237.045z" clipRule="evenodd"/><defs><linearGradient id="SVGqHZM84HI" x1="12" x2="12" y1="3.771" y2="20.334" gradientUnits="userSpaceOnUse"><stop stopColor="#530491"/><stop offset="1" stopColor="#03f3fb"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGqHZM84HI)" fill-rule="evenodd" d="M4.27 15.569a4.176 4.176 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.533 2.533 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.484 1.484 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.81.81 0 0 0 0 1.145l2.144 2.157l.326-1.082a2.057 2.057 0 1 1 2.237.045z" clip-rule="evenodd"/><defs><linearGradient id="SVGqHZM84HI" x1="12" x2="12" y1="3.771" y2="20.334" gradientUnits="userSpaceOnUse"><stop stop-color="#530491"/><stop offset="1" stop-color="#03f3fb"/></linearGradient></defs></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGqHZM84HI)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.27%2015.569a4.176%204.176%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.533%202.533%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.484%201.484%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.81.81%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGqHZM84HI%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.771%22%20y2%3D%2220.334%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23530491%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303f3fb%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGqHZM84HI)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.27%2015.569a4.176%204.176%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.533%202.533%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.484%201.484%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.81.81%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGqHZM84HI%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.771%22%20y2%3D%2220.334%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23530491%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2303f3fb%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/skey.svg?color=%231a73e8&size=48
