karura logo
karura-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- karura-background
- Set
- Web3 Icons Branded
- Style
- Background
- 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"><g clip-path="url(#SVGHcSWxdhd4)"><path fill="url(#SVGRMJTti8r)" d="M24 0H0v24h24z"/><path fill="#fff" d="m15.483 4l-4.925 4.476a2.8 2.8 0 0 1-1.863.723l-1.468.004L7.222 4H4.568v14.866h1.447c.81 0 1.565-.429 1.961-1.134l.008-.013c.263-.472.395-1.405.37-2.041c-.058-1.456-.292-1.835-.292-1.835c-.05.998-1.092 1.052-1.092 1.052c.742-.708.338-1.244.338-1.244c-1.313.935-1.641-.063-1.666-.153c.04.035.414.346 1.124-.626c.75-1.028 1.752-2.742 2.389-3.183c.638-.442 1.243-.405 1.243-.405s.348-.472 1.27-.865c.921-.39 1.512.182 1.512.182c-.942.76-2.221 2.009-2.293 3.797c-.057 1.448 3.063 3.932 2.515 7.601c.328-.833.46-1.668.347-2.7c-.09-.834-.627-2.575-.627-2.575l2.996 4.14h3.314l-6.477-8.897L19.432 4z"/><path fill="#fff" d="M9.449 10.402c-.21.347-.21.453-.21.453s.732-.124.93-.993c.002 0-.467.12-.72.54"/></g><defs><linearGradient id="SVGRMJTti8r" x1="26.904" x2="14.598" y1="14.469" y2="1.093" gradientUnits="userSpaceOnUse"><stop stop-color="#e40c5b"/><stop offset="1" stop-color="#ff4c3b"/></linearGradient><clipPath id="SVGHcSWxdhd4"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedKaruraBackground(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"><g clipPath="url(#SVGHcSWxdhd4)"><path fill="url(#SVGRMJTti8r)" d="M24 0H0v24h24z"/><path fill="#fff" d="m15.483 4l-4.925 4.476a2.8 2.8 0 0 1-1.863.723l-1.468.004L7.222 4H4.568v14.866h1.447c.81 0 1.565-.429 1.961-1.134l.008-.013c.263-.472.395-1.405.37-2.041c-.058-1.456-.292-1.835-.292-1.835c-.05.998-1.092 1.052-1.092 1.052c.742-.708.338-1.244.338-1.244c-1.313.935-1.641-.063-1.666-.153c.04.035.414.346 1.124-.626c.75-1.028 1.752-2.742 2.389-3.183c.638-.442 1.243-.405 1.243-.405s.348-.472 1.27-.865c.921-.39 1.512.182 1.512.182c-.942.76-2.221 2.009-2.293 3.797c-.057 1.448 3.063 3.932 2.515 7.601c.328-.833.46-1.668.347-2.7c-.09-.834-.627-2.575-.627-2.575l2.996 4.14h3.314l-6.477-8.897L19.432 4z"/><path fill="#fff" d="M9.449 10.402c-.21.347-.21.453-.21.453s.732-.124.93-.993c.002 0-.467.12-.72.54"/></g><defs><linearGradient id="SVGRMJTti8r" x1="26.904" x2="14.598" y1="14.469" y2="1.093" gradientUnits="userSpaceOnUse"><stop stopColor="#e40c5b"/><stop offset="1" stopColor="#ff4c3b"/></linearGradient><clipPath id="SVGHcSWxdhd4"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd4)"><path fill="url(#SVGRMJTti8r)" d="M24 0H0v24h24z"/><path fill="#fff" d="m15.483 4l-4.925 4.476a2.8 2.8 0 0 1-1.863.723l-1.468.004L7.222 4H4.568v14.866h1.447c.81 0 1.565-.429 1.961-1.134l.008-.013c.263-.472.395-1.405.37-2.041c-.058-1.456-.292-1.835-.292-1.835c-.05.998-1.092 1.052-1.092 1.052c.742-.708.338-1.244.338-1.244c-1.313.935-1.641-.063-1.666-.153c.04.035.414.346 1.124-.626c.75-1.028 1.752-2.742 2.389-3.183c.638-.442 1.243-.405 1.243-.405s.348-.472 1.27-.865c.921-.39 1.512.182 1.512.182c-.942.76-2.221 2.009-2.293 3.797c-.057 1.448 3.063 3.932 2.515 7.601c.328-.833.46-1.668.347-2.7c-.09-.834-.627-2.575-.627-2.575l2.996 4.14h3.314l-6.477-8.897L19.432 4z"/><path fill="#fff" d="M9.449 10.402c-.21.347-.21.453-.21.453s.732-.124.93-.993c.002 0-.467.12-.72.54"/></g><defs><linearGradient id="SVGRMJTti8r" x1="26.904" x2="14.598" y1="14.469" y2="1.093" gradientUnits="userSpaceOnUse"><stop stop-color="#e40c5b"/><stop offset="1" stop-color="#ff4c3b"/></linearGradient><clipPath id="SVGHcSWxdhd4"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-karura-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd4)%22%3E%3Cpath%20fill%3D%22url(%23SVGRMJTti8r)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m15.483%204l-4.925%204.476a2.8%202.8%200%200%201-1.863.723l-1.468.004L7.222%204H4.568v14.866h1.447c.81%200%201.565-.429%201.961-1.134l.008-.013c.263-.472.395-1.405.37-2.041c-.058-1.456-.292-1.835-.292-1.835c-.05.998-1.092%201.052-1.092%201.052c.742-.708.338-1.244.338-1.244c-1.313.935-1.641-.063-1.666-.153c.04.035.414.346%201.124-.626c.75-1.028%201.752-2.742%202.389-3.183c.638-.442%201.243-.405%201.243-.405s.348-.472%201.27-.865c.921-.39%201.512.182%201.512.182c-.942.76-2.221%202.009-2.293%203.797c-.057%201.448%203.063%203.932%202.515%207.601c.328-.833.46-1.668.347-2.7c-.09-.834-.627-2.575-.627-2.575l2.996%204.14h3.314l-6.477-8.897L19.432%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.449%2010.402c-.21.347-.21.453-.21.453s.732-.124.93-.993c.002%200-.467.12-.72.54%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGRMJTti8r%22%20x1%3D%2226.904%22%20x2%3D%2214.598%22%20y1%3D%2214.469%22%20y2%3D%221.093%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%3CclipPath%20id%3D%22SVGHcSWxdhd4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd4)%22%3E%3Cpath%20fill%3D%22url(%23SVGRMJTti8r)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m15.483%204l-4.925%204.476a2.8%202.8%200%200%201-1.863.723l-1.468.004L7.222%204H4.568v14.866h1.447c.81%200%201.565-.429%201.961-1.134l.008-.013c.263-.472.395-1.405.37-2.041c-.058-1.456-.292-1.835-.292-1.835c-.05.998-1.092%201.052-1.092%201.052c.742-.708.338-1.244.338-1.244c-1.313.935-1.641-.063-1.666-.153c.04.035.414.346%201.124-.626c.75-1.028%201.752-2.742%202.389-3.183c.638-.442%201.243-.405%201.243-.405s.348-.472%201.27-.865c.921-.39%201.512.182%201.512.182c-.942.76-2.221%202.009-2.293%203.797c-.057%201.448%203.063%203.932%202.515%207.601c.328-.833.46-1.668.347-2.7c-.09-.834-.627-2.575-.627-2.575l2.996%204.14h3.314l-6.477-8.897L19.432%204z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.449%2010.402c-.21.347-.21.453-.21.453s.732-.124.93-.993c.002%200-.467.12-.72.54%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGRMJTti8r%22%20x1%3D%2226.904%22%20x2%3D%2214.598%22%20y1%3D%2214.469%22%20y2%3D%221.093%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%3CclipPath%20id%3D%22SVGHcSWxdhd4%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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-background.svg?color=%231a73e8&size=48
