keplr logo
keplr from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- keplr
- 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 keplr logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#14afeb"><path d="M12.48 7.922c.13 1.336.196 2.004.546 2.494c.15.21.336.393.547.54c.495.343 1.164.4 2.502.512l.566.048v.968l-.566.048c-1.338.112-2.007.169-2.501.512c-.212.147-.397.33-.548.54c-.35.49-.415 1.158-.546 2.494h-.96c-.13-1.336-.196-2.004-.546-2.494a2.3 2.3 0 0 0-.547-.54c-.495-.343-1.164-.4-2.502-.512l-.566-.048v-.968l.566-.048c1.338-.112 2.007-.169 2.502-.512a2.3 2.3 0 0 0 .547-.54c.35-.49.415-1.158.546-2.494z"/><path fill-rule="evenodd" d="M12 3c7.411 0 9 1.588 9 9c0 7.411-1.589 9-9 9s-9-1.589-9-9s1.588-9 9-9m5.882 3.11C15.702 3.93 11.3 4.8 8.05 8.05s-4.12 7.652-1.94 9.832s6.582 1.312 9.833-1.939c3.25-3.25 4.119-7.653 1.94-9.833" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedKeplr(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#14afeb"><path d="M12.48 7.922c.13 1.336.196 2.004.546 2.494c.15.21.336.393.547.54c.495.343 1.164.4 2.502.512l.566.048v.968l-.566.048c-1.338.112-2.007.169-2.501.512c-.212.147-.397.33-.548.54c-.35.49-.415 1.158-.546 2.494h-.96c-.13-1.336-.196-2.004-.546-2.494a2.3 2.3 0 0 0-.547-.54c-.495-.343-1.164-.4-2.502-.512l-.566-.048v-.968l.566-.048c1.338-.112 2.007-.169 2.502-.512a2.3 2.3 0 0 0 .547-.54c.35-.49.415-1.158.546-2.494z"/><path fillRule="evenodd" d="M12 3c7.411 0 9 1.588 9 9c0 7.411-1.589 9-9 9s-9-1.589-9-9s1.588-9 9-9m5.882 3.11C15.702 3.93 11.3 4.8 8.05 8.05s-4.12 7.652-1.94 9.832s6.582 1.312 9.833-1.939c3.25-3.25 4.119-7.653 1.94-9.833" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#14afeb"><path d="M12.48 7.922c.13 1.336.196 2.004.546 2.494c.15.21.336.393.547.54c.495.343 1.164.4 2.502.512l.566.048v.968l-.566.048c-1.338.112-2.007.169-2.501.512c-.212.147-.397.33-.548.54c-.35.49-.415 1.158-.546 2.494h-.96c-.13-1.336-.196-2.004-.546-2.494a2.3 2.3 0 0 0-.547-.54c-.495-.343-1.164-.4-2.502-.512l-.566-.048v-.968l.566-.048c1.338-.112 2.007-.169 2.502-.512a2.3 2.3 0 0 0 .547-.54c.35-.49.415-1.158.546-2.494z"/><path fill-rule="evenodd" d="M12 3c7.411 0 9 1.588 9 9c0 7.411-1.589 9-9 9s-9-1.589-9-9s1.588-9 9-9m5.882 3.11C15.702 3.93 11.3 4.8 8.05 8.05s-4.12 7.652-1.94 9.832s6.582 1.312 9.833-1.939c3.25-3.25 4.119-7.653 1.94-9.833" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-keplr {
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%22%2314afeb%22%3E%3Cpath%20d%3D%22M12.48%207.922c.13%201.336.196%202.004.546%202.494c.15.21.336.393.547.54c.495.343%201.164.4%202.502.512l.566.048v.968l-.566.048c-1.338.112-2.007.169-2.501.512c-.212.147-.397.33-.548.54c-.35.49-.415%201.158-.546%202.494h-.96c-.13-1.336-.196-2.004-.546-2.494a2.3%202.3%200%200%200-.547-.54c-.495-.343-1.164-.4-2.502-.512l-.566-.048v-.968l.566-.048c1.338-.112%202.007-.169%202.502-.512a2.3%202.3%200%200%200%20.547-.54c.35-.49.415-1.158.546-2.494z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%203c7.411%200%209%201.588%209%209c0%207.411-1.589%209-9%209s-9-1.589-9-9s1.588-9%209-9m5.882%203.11C15.702%203.93%2011.3%204.8%208.05%208.05s-4.12%207.652-1.94%209.832s6.582%201.312%209.833-1.939c3.25-3.25%204.119-7.653%201.94-9.833%22%20clip-rule%3D%22evenodd%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%22%2314afeb%22%3E%3Cpath%20d%3D%22M12.48%207.922c.13%201.336.196%202.004.546%202.494c.15.21.336.393.547.54c.495.343%201.164.4%202.502.512l.566.048v.968l-.566.048c-1.338.112-2.007.169-2.501.512c-.212.147-.397.33-.548.54c-.35.49-.415%201.158-.546%202.494h-.96c-.13-1.336-.196-2.004-.546-2.494a2.3%202.3%200%200%200-.547-.54c-.495-.343-1.164-.4-2.502-.512l-.566-.048v-.968l.566-.048c1.338-.112%202.007-.169%202.502-.512a2.3%202.3%200%200%200%20.547-.54c.35-.49.415-1.158.546-2.494z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%203c7.411%200%209%201.588%209%209c0%207.411-1.589%209-9%209s-9-1.589-9-9s1.588-9%209-9m5.882%203.11C15.702%203.93%2011.3%204.8%208.05%208.05s-4.12%207.652-1.94%209.832s6.582%201.312%209.833-1.939c3.25-3.25%204.119-7.653%201.94-9.833%22%20clip-rule%3D%22evenodd%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/keplr.svg?color=%231a73e8&size=48
