karura from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name
karura
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 karura 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(#SVGg46XmbAL)" d="m15.919 3l-5.541 5.035a3.13 3.13 0 0 1-2.096.814l-1.651.004l-.006-5.852H3.64v16.725h1.629c.91 0 1.76-.483 2.205-1.276l.01-.015c.295-.53.443-1.58.415-2.297c-.065-1.638-.328-2.064-.328-2.064c-.056 1.123-1.228 1.184-1.228 1.184c.834-.796.38-1.4.38-1.4c-1.478 1.052-1.846-.07-1.875-.172c.047.04.467.39 1.265-.704c.845-1.157 1.97-3.085 2.687-3.58c.718-.498 1.399-.457 1.399-.457s.392-.53 1.429-.972c1.036-.44 1.701.205 1.701.205c-1.06.855-2.5 2.259-2.58 4.272c-.064 1.628 3.446 4.422 2.83 8.55c.369-.937.517-1.876.39-3.038c-.101-.938-.706-2.897-.706-2.897l3.371 4.659h3.728l-7.286-10.01L20.361 3z"/><path fill="url(#SVGv4Sj8bIj)" d="M9.13 10.202c-.235.39-.235.51-.235.51s.822-.14 1.046-1.118c0 0-.525.135-.811.608"/><defs><linearGradient id="SVGg46XmbAL" x1="28.767" x2="14.923" y1="14.777" y2="-.271" gradientUnits="userSpaceOnUse"><stop stop-color="#e40c5b"/><stop offset="1" stop-color="#ff4c3b"/></linearGradient><linearGradient id="SVGv4Sj8bIj" x1="10.466" x2="9.607" y1="10.325" y2="9.385" gradientUnits="userSpaceOnUse"><stop stop-color="#e40c5b"/><stop offset="1" stop-color="#ff4c3b"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedKarura(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(#SVGg46XmbAL)" d="m15.919 3l-5.541 5.035a3.13 3.13 0 0 1-2.096.814l-1.651.004l-.006-5.852H3.64v16.725h1.629c.91 0 1.76-.483 2.205-1.276l.01-.015c.295-.53.443-1.58.415-2.297c-.065-1.638-.328-2.064-.328-2.064c-.056 1.123-1.228 1.184-1.228 1.184c.834-.796.38-1.4.38-1.4c-1.478 1.052-1.846-.07-1.875-.172c.047.04.467.39 1.265-.704c.845-1.157 1.97-3.085 2.687-3.58c.718-.498 1.399-.457 1.399-.457s.392-.53 1.429-.972c1.036-.44 1.701.205 1.701.205c-1.06.855-2.5 2.259-2.58 4.272c-.064 1.628 3.446 4.422 2.83 8.55c.369-.937.517-1.876.39-3.038c-.101-.938-.706-2.897-.706-2.897l3.371 4.659h3.728l-7.286-10.01L20.361 3z"/><path fill="url(#SVGv4Sj8bIj)" d="M9.13 10.202c-.235.39-.235.51-.235.51s.822-.14 1.046-1.118c0 0-.525.135-.811.608"/><defs><linearGradient id="SVGg46XmbAL" x1="28.767" x2="14.923" y1="14.777" y2="-.271" gradientUnits="userSpaceOnUse"><stop stopColor="#e40c5b"/><stop offset="1" stopColor="#ff4c3b"/></linearGradient><linearGradient id="SVGv4Sj8bIj" x1="10.466" x2="9.607" y1="10.325" y2="9.385" gradientUnits="userSpaceOnUse"><stop stopColor="#e40c5b"/><stop offset="1" stopColor="#ff4c3b"/></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(#SVGg46XmbAL)" d="m15.919 3l-5.541 5.035a3.13 3.13 0 0 1-2.096.814l-1.651.004l-.006-5.852H3.64v16.725h1.629c.91 0 1.76-.483 2.205-1.276l.01-.015c.295-.53.443-1.58.415-2.297c-.065-1.638-.328-2.064-.328-2.064c-.056 1.123-1.228 1.184-1.228 1.184c.834-.796.38-1.4.38-1.4c-1.478 1.052-1.846-.07-1.875-.172c.047.04.467.39 1.265-.704c.845-1.157 1.97-3.085 2.687-3.58c.718-.498 1.399-.457 1.399-.457s.392-.53 1.429-.972c1.036-.44 1.701.205 1.701.205c-1.06.855-2.5 2.259-2.58 4.272c-.064 1.628 3.446 4.422 2.83 8.55c.369-.937.517-1.876.39-3.038c-.101-.938-.706-2.897-.706-2.897l3.371 4.659h3.728l-7.286-10.01L20.361 3z"/><path fill="url(#SVGv4Sj8bIj)" d="M9.13 10.202c-.235.39-.235.51-.235.51s.822-.14 1.046-1.118c0 0-.525.135-.811.608"/><defs><linearGradient id="SVGg46XmbAL" x1="28.767" x2="14.923" y1="14.777" y2="-.271" gradientUnits="userSpaceOnUse"><stop stop-color="#e40c5b"/><stop offset="1" stop-color="#ff4c3b"/></linearGradient><linearGradient id="SVGv4Sj8bIj" x1="10.466" x2="9.607" y1="10.325" y2="9.385" gradientUnits="userSpaceOnUse"><stop stop-color="#e40c5b"/><stop offset="1" stop-color="#ff4c3b"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-karura {
  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(%23SVGg46XmbAL)%22%20d%3D%22m15.919%203l-5.541%205.035a3.13%203.13%200%200%201-2.096.814l-1.651.004l-.006-5.852H3.64v16.725h1.629c.91%200%201.76-.483%202.205-1.276l.01-.015c.295-.53.443-1.58.415-2.297c-.065-1.638-.328-2.064-.328-2.064c-.056%201.123-1.228%201.184-1.228%201.184c.834-.796.38-1.4.38-1.4c-1.478%201.052-1.846-.07-1.875-.172c.047.04.467.39%201.265-.704c.845-1.157%201.97-3.085%202.687-3.58c.718-.498%201.399-.457%201.399-.457s.392-.53%201.429-.972c1.036-.44%201.701.205%201.701.205c-1.06.855-2.5%202.259-2.58%204.272c-.064%201.628%203.446%204.422%202.83%208.55c.369-.937.517-1.876.39-3.038c-.101-.938-.706-2.897-.706-2.897l3.371%204.659h3.728l-7.286-10.01L20.361%203z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGv4Sj8bIj)%22%20d%3D%22M9.13%2010.202c-.235.39-.235.51-.235.51s.822-.14%201.046-1.118c0%200-.525.135-.811.608%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGg46XmbAL%22%20x1%3D%2228.767%22%20x2%3D%2214.923%22%20y1%3D%2214.777%22%20y2%3D%22-.271%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e40c5b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff4c3b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGv4Sj8bIj%22%20x1%3D%2210.466%22%20x2%3D%229.607%22%20y1%3D%2210.325%22%20y2%3D%229.385%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e40c5b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff4c3b%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(%23SVGg46XmbAL)%22%20d%3D%22m15.919%203l-5.541%205.035a3.13%203.13%200%200%201-2.096.814l-1.651.004l-.006-5.852H3.64v16.725h1.629c.91%200%201.76-.483%202.205-1.276l.01-.015c.295-.53.443-1.58.415-2.297c-.065-1.638-.328-2.064-.328-2.064c-.056%201.123-1.228%201.184-1.228%201.184c.834-.796.38-1.4.38-1.4c-1.478%201.052-1.846-.07-1.875-.172c.047.04.467.39%201.265-.704c.845-1.157%201.97-3.085%202.687-3.58c.718-.498%201.399-.457%201.399-.457s.392-.53%201.429-.972c1.036-.44%201.701.205%201.701.205c-1.06.855-2.5%202.259-2.58%204.272c-.064%201.628%203.446%204.422%202.83%208.55c.369-.937.517-1.876.39-3.038c-.101-.938-.706-2.897-.706-2.897l3.371%204.659h3.728l-7.286-10.01L20.361%203z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGv4Sj8bIj)%22%20d%3D%22M9.13%2010.202c-.235.39-.235.51-.235.51s.822-.14%201.046-1.118c0%200-.525.135-.811.608%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGg46XmbAL%22%20x1%3D%2228.767%22%20x2%3D%2214.923%22%20y1%3D%2214.777%22%20y2%3D%22-.271%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e40c5b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff4c3b%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGv4Sj8bIj%22%20x1%3D%2210.466%22%20x2%3D%229.607%22%20y1%3D%2210.325%22%20y2%3D%229.385%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e40c5b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff4c3b%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/karura.svg?color=%231a73e8&size=48