clave logo
clave from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- clave
- 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 clave logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0795b0" d="M18.549 5.482c-.665-1.18-2.135-1.584-3.285-.903L6.338 9.864c-1.15.681-1.545 2.19-.88 3.37c.663 1.179 2.134 1.583 3.285.902l8.925-5.285c1.15-.681 1.545-2.19.88-3.37"/><path fill="#08adcc" d="M14.645 3.501c1.745-1.033 3.97-.415 4.97 1.362l-1.066.619l1.067-.62c.995 1.77.41 4.037-1.328 5.066l-8.926 5.286c-1.745 1.033-3.971.415-4.971-1.362c-.996-1.769-.41-4.037 1.328-5.066zm2.837 2.6a1.154 1.154 0 0 0-1.6-.444l-8.925 5.285l-.607-1.057l.607 1.057a1.243 1.243 0 0 0-.433 1.672a1.154 1.154 0 0 0 1.6.444l8.925-5.285a1.243 1.243 0 0 0 .433-1.672l1.052-.61z"/><path fill="#00ced1" d="M18.543 18.519c-.665 1.18-2.135 1.583-3.286.902l-8.925-5.285c-1.15-.681-1.545-2.19-.88-3.37c.663-1.179 2.134-1.583 3.284-.902l8.926 5.285c1.15.681 1.545 2.19.88 3.37"/><path fill="#00e7eb" d="M8.117 10.942a1.154 1.154 0 0 0-1.6.444c-.331.59-.13 1.34.433 1.672l8.926 5.285a1.154 1.154 0 0 0 1.6-.444c.332-.59.13-1.339-.433-1.672zm-3.733-.794c1-1.777 3.226-2.395 4.971-1.362l8.926 5.286l-.619 1.077l.62-1.077c1.737 1.029 2.323 3.296 1.327 5.066c-1 1.776-3.226 2.394-4.97 1.36l-8.927-5.284c-1.737-1.03-2.323-3.297-1.328-5.066"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedClave(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" fillRule="evenodd" clipRule="evenodd"><path fill="#0795b0" d="M18.549 5.482c-.665-1.18-2.135-1.584-3.285-.903L6.338 9.864c-1.15.681-1.545 2.19-.88 3.37c.663 1.179 2.134 1.583 3.285.902l8.925-5.285c1.15-.681 1.545-2.19.88-3.37"/><path fill="#08adcc" d="M14.645 3.501c1.745-1.033 3.97-.415 4.97 1.362l-1.066.619l1.067-.62c.995 1.77.41 4.037-1.328 5.066l-8.926 5.286c-1.745 1.033-3.971.415-4.971-1.362c-.996-1.769-.41-4.037 1.328-5.066zm2.837 2.6a1.154 1.154 0 0 0-1.6-.444l-8.925 5.285l-.607-1.057l.607 1.057a1.243 1.243 0 0 0-.433 1.672a1.154 1.154 0 0 0 1.6.444l8.925-5.285a1.243 1.243 0 0 0 .433-1.672l1.052-.61z"/><path fill="#00ced1" d="M18.543 18.519c-.665 1.18-2.135 1.583-3.286.902l-8.925-5.285c-1.15-.681-1.545-2.19-.88-3.37c.663-1.179 2.134-1.583 3.284-.902l8.926 5.285c1.15.681 1.545 2.19.88 3.37"/><path fill="#00e7eb" d="M8.117 10.942a1.154 1.154 0 0 0-1.6.444c-.331.59-.13 1.34.433 1.672l8.926 5.285a1.154 1.154 0 0 0 1.6-.444c.332-.59.13-1.339-.433-1.672zm-3.733-.794c1-1.777 3.226-2.395 4.971-1.362l8.926 5.286l-.619 1.077l.62-1.077c1.737 1.029 2.323 3.296 1.327 5.066c-1 1.776-3.226 2.394-4.97 1.36l-8.927-5.284c-1.737-1.03-2.323-3.297-1.328-5.066"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0795b0" d="M18.549 5.482c-.665-1.18-2.135-1.584-3.285-.903L6.338 9.864c-1.15.681-1.545 2.19-.88 3.37c.663 1.179 2.134 1.583 3.285.902l8.925-5.285c1.15-.681 1.545-2.19.88-3.37"/><path fill="#08adcc" d="M14.645 3.501c1.745-1.033 3.97-.415 4.97 1.362l-1.066.619l1.067-.62c.995 1.77.41 4.037-1.328 5.066l-8.926 5.286c-1.745 1.033-3.971.415-4.971-1.362c-.996-1.769-.41-4.037 1.328-5.066zm2.837 2.6a1.154 1.154 0 0 0-1.6-.444l-8.925 5.285l-.607-1.057l.607 1.057a1.243 1.243 0 0 0-.433 1.672a1.154 1.154 0 0 0 1.6.444l8.925-5.285a1.243 1.243 0 0 0 .433-1.672l1.052-.61z"/><path fill="#00ced1" d="M18.543 18.519c-.665 1.18-2.135 1.583-3.286.902l-8.925-5.285c-1.15-.681-1.545-2.19-.88-3.37c.663-1.179 2.134-1.583 3.284-.902l8.926 5.285c1.15.681 1.545 2.19.88 3.37"/><path fill="#00e7eb" d="M8.117 10.942a1.154 1.154 0 0 0-1.6.444c-.331.59-.13 1.34.433 1.672l8.926 5.285a1.154 1.154 0 0 0 1.6-.444c.332-.59.13-1.339-.433-1.672zm-3.733-.794c1-1.777 3.226-2.395 4.971-1.362l8.926 5.286l-.619 1.077l.62-1.077c1.737 1.029 2.323 3.296 1.327 5.066c-1 1.776-3.226 2.394-4.97 1.36l-8.927-5.284c-1.737-1.03-2.323-3.297-1.328-5.066"/></g></svg> </template>
CSS
.icon-clave {
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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%230795b0%22%20d%3D%22M18.549%205.482c-.665-1.18-2.135-1.584-3.285-.903L6.338%209.864c-1.15.681-1.545%202.19-.88%203.37c.663%201.179%202.134%201.583%203.285.902l8.925-5.285c1.15-.681%201.545-2.19.88-3.37%22%2F%3E%3Cpath%20fill%3D%22%2308adcc%22%20d%3D%22M14.645%203.501c1.745-1.033%203.97-.415%204.97%201.362l-1.066.619l1.067-.62c.995%201.77.41%204.037-1.328%205.066l-8.926%205.286c-1.745%201.033-3.971.415-4.971-1.362c-.996-1.769-.41-4.037%201.328-5.066zm2.837%202.6a1.154%201.154%200%200%200-1.6-.444l-8.925%205.285l-.607-1.057l.607%201.057a1.243%201.243%200%200%200-.433%201.672a1.154%201.154%200%200%200%201.6.444l8.925-5.285a1.243%201.243%200%200%200%20.433-1.672l1.052-.61z%22%2F%3E%3Cpath%20fill%3D%22%2300ced1%22%20d%3D%22M18.543%2018.519c-.665%201.18-2.135%201.583-3.286.902l-8.925-5.285c-1.15-.681-1.545-2.19-.88-3.37c.663-1.179%202.134-1.583%203.284-.902l8.926%205.285c1.15.681%201.545%202.19.88%203.37%22%2F%3E%3Cpath%20fill%3D%22%2300e7eb%22%20d%3D%22M8.117%2010.942a1.154%201.154%200%200%200-1.6.444c-.331.59-.13%201.34.433%201.672l8.926%205.285a1.154%201.154%200%200%200%201.6-.444c.332-.59.13-1.339-.433-1.672zm-3.733-.794c1-1.777%203.226-2.395%204.971-1.362l8.926%205.286l-.619%201.077l.62-1.077c1.737%201.029%202.323%203.296%201.327%205.066c-1%201.776-3.226%202.394-4.97%201.36l-8.927-5.284c-1.737-1.03-2.323-3.297-1.328-5.066%22%2F%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%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%230795b0%22%20d%3D%22M18.549%205.482c-.665-1.18-2.135-1.584-3.285-.903L6.338%209.864c-1.15.681-1.545%202.19-.88%203.37c.663%201.179%202.134%201.583%203.285.902l8.925-5.285c1.15-.681%201.545-2.19.88-3.37%22%2F%3E%3Cpath%20fill%3D%22%2308adcc%22%20d%3D%22M14.645%203.501c1.745-1.033%203.97-.415%204.97%201.362l-1.066.619l1.067-.62c.995%201.77.41%204.037-1.328%205.066l-8.926%205.286c-1.745%201.033-3.971.415-4.971-1.362c-.996-1.769-.41-4.037%201.328-5.066zm2.837%202.6a1.154%201.154%200%200%200-1.6-.444l-8.925%205.285l-.607-1.057l.607%201.057a1.243%201.243%200%200%200-.433%201.672a1.154%201.154%200%200%200%201.6.444l8.925-5.285a1.243%201.243%200%200%200%20.433-1.672l1.052-.61z%22%2F%3E%3Cpath%20fill%3D%22%2300ced1%22%20d%3D%22M18.543%2018.519c-.665%201.18-2.135%201.583-3.286.902l-8.925-5.285c-1.15-.681-1.545-2.19-.88-3.37c.663-1.179%202.134-1.583%203.284-.902l8.926%205.285c1.15.681%201.545%202.19.88%203.37%22%2F%3E%3Cpath%20fill%3D%22%2300e7eb%22%20d%3D%22M8.117%2010.942a1.154%201.154%200%200%200-1.6.444c-.331.59-.13%201.34.433%201.672l8.926%205.285a1.154%201.154%200%200%200%201.6-.444c.332-.59.13-1.339-.433-1.672zm-3.733-.794c1-1.777%203.226-2.395%204.971-1.362l8.926%205.286l-.619%201.077l.62-1.077c1.737%201.029%202.323%203.296%201.327%205.066c-1%201.776-3.226%202.394-4.97%201.36l-8.927-5.284c-1.737-1.03-2.323-3.297-1.328-5.066%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/clave.svg?color=%231a73e8&size=48
