kardia logo

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

Name: kardia
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

Use the kardia logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#9c2131" d="m3.009 8.101l3.117 6.912l5.177 5.087L6.17 4.325z"/><path fill="#576b98" d="M3.009 8.101L8.44 11.31L6.17 4.325z"/><path fill="#d71b2a" d="m8.085 3.9l1.796 5.53l1.12.397l1.322-4.147z"/><path fill="#c41a24" d="m20.992 9.113l-2.488 3.434l-5.706-2.051l1.623-4.942l4.41-1.112z"/><path fill="#c71c26" d="m17.327 14.173l-4.056 5.53l-2.616-7.924z"/><path fill="#a71927" d="m10.382 6.222l.62 3.605l1.322-4.147z"/><path fill="#61395f" d="m9.854 9.438l1.148.398l-.62-3.605L8.085 3.9z"/><path fill="#614268" d="m8.432 11.309l-2.315 3.704L3 8.101z"/><path fill="#da1728" d="m14.412 5.562l2.068 3.163l-3.682 1.78z"/><path fill="#e42735" d="M18.823 4.451L16.48 8.725l-2.068-3.163z"/><path fill="#a61d1e" d="m18.503 12.547l-2.014-3.831L21 9.113z"/><path fill="#d71b2a" d="m13.417 14.841l-.146 4.861l-2.616-7.924z"/><path fill="#a51c1c" d="m13.272 19.702l.146-4.86l3.91-.67z"/><path fill="#721919" d="m11.321 20.1l-5.204-5.087l3.737.696z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedKardia(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="#9c2131" d="m3.009 8.101l3.117 6.912l5.177 5.087L6.17 4.325z"/><path fill="#576b98" d="M3.009 8.101L8.44 11.31L6.17 4.325z"/><path fill="#d71b2a" d="m8.085 3.9l1.796 5.53l1.12.397l1.322-4.147z"/><path fill="#c41a24" d="m20.992 9.113l-2.488 3.434l-5.706-2.051l1.623-4.942l4.41-1.112z"/><path fill="#c71c26" d="m17.327 14.173l-4.056 5.53l-2.616-7.924z"/><path fill="#a71927" d="m10.382 6.222l.62 3.605l1.322-4.147z"/><path fill="#61395f" d="m9.854 9.438l1.148.398l-.62-3.605L8.085 3.9z"/><path fill="#614268" d="m8.432 11.309l-2.315 3.704L3 8.101z"/><path fill="#da1728" d="m14.412 5.562l2.068 3.163l-3.682 1.78z"/><path fill="#e42735" d="M18.823 4.451L16.48 8.725l-2.068-3.163z"/><path fill="#a61d1e" d="m18.503 12.547l-2.014-3.831L21 9.113z"/><path fill="#d71b2a" d="m13.417 14.841l-.146 4.861l-2.616-7.924z"/><path fill="#a51c1c" d="m13.272 19.702l.146-4.86l3.91-.67z"/><path fill="#721919" d="m11.321 20.1l-5.204-5.087l3.737.696z"/></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="#9c2131" d="m3.009 8.101l3.117 6.912l5.177 5.087L6.17 4.325z"/><path fill="#576b98" d="M3.009 8.101L8.44 11.31L6.17 4.325z"/><path fill="#d71b2a" d="m8.085 3.9l1.796 5.53l1.12.397l1.322-4.147z"/><path fill="#c41a24" d="m20.992 9.113l-2.488 3.434l-5.706-2.051l1.623-4.942l4.41-1.112z"/><path fill="#c71c26" d="m17.327 14.173l-4.056 5.53l-2.616-7.924z"/><path fill="#a71927" d="m10.382 6.222l.62 3.605l1.322-4.147z"/><path fill="#61395f" d="m9.854 9.438l1.148.398l-.62-3.605L8.085 3.9z"/><path fill="#614268" d="m8.432 11.309l-2.315 3.704L3 8.101z"/><path fill="#da1728" d="m14.412 5.562l2.068 3.163l-3.682 1.78z"/><path fill="#e42735" d="M18.823 4.451L16.48 8.725l-2.068-3.163z"/><path fill="#a61d1e" d="m18.503 12.547l-2.014-3.831L21 9.113z"/><path fill="#d71b2a" d="m13.417 14.841l-.146 4.861l-2.616-7.924z"/><path fill="#a51c1c" d="m13.272 19.702l.146-4.86l3.91-.67z"/><path fill="#721919" d="m11.321 20.1l-5.204-5.087l3.737.696z"/></g></svg>
</template>

CSS

.icon-kardia {
  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%22%239c2131%22%20d%3D%22m3.009%208.101l3.117%206.912l5.177%205.087L6.17%204.325z%22%2F%3E%3Cpath%20fill%3D%22%23576b98%22%20d%3D%22M3.009%208.101L8.44%2011.31L6.17%204.325z%22%2F%3E%3Cpath%20fill%3D%22%23d71b2a%22%20d%3D%22m8.085%203.9l1.796%205.53l1.12.397l1.322-4.147z%22%2F%3E%3Cpath%20fill%3D%22%23c41a24%22%20d%3D%22m20.992%209.113l-2.488%203.434l-5.706-2.051l1.623-4.942l4.41-1.112z%22%2F%3E%3Cpath%20fill%3D%22%23c71c26%22%20d%3D%22m17.327%2014.173l-4.056%205.53l-2.616-7.924z%22%2F%3E%3Cpath%20fill%3D%22%23a71927%22%20d%3D%22m10.382%206.222l.62%203.605l1.322-4.147z%22%2F%3E%3Cpath%20fill%3D%22%2361395f%22%20d%3D%22m9.854%209.438l1.148.398l-.62-3.605L8.085%203.9z%22%2F%3E%3Cpath%20fill%3D%22%23614268%22%20d%3D%22m8.432%2011.309l-2.315%203.704L3%208.101z%22%2F%3E%3Cpath%20fill%3D%22%23da1728%22%20d%3D%22m14.412%205.562l2.068%203.163l-3.682%201.78z%22%2F%3E%3Cpath%20fill%3D%22%23e42735%22%20d%3D%22M18.823%204.451L16.48%208.725l-2.068-3.163z%22%2F%3E%3Cpath%20fill%3D%22%23a61d1e%22%20d%3D%22m18.503%2012.547l-2.014-3.831L21%209.113z%22%2F%3E%3Cpath%20fill%3D%22%23d71b2a%22%20d%3D%22m13.417%2014.841l-.146%204.861l-2.616-7.924z%22%2F%3E%3Cpath%20fill%3D%22%23a51c1c%22%20d%3D%22m13.272%2019.702l.146-4.86l3.91-.67z%22%2F%3E%3Cpath%20fill%3D%22%23721919%22%20d%3D%22m11.321%2020.1l-5.204-5.087l3.737.696z%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%3E%3Cpath%20fill%3D%22%239c2131%22%20d%3D%22m3.009%208.101l3.117%206.912l5.177%205.087L6.17%204.325z%22%2F%3E%3Cpath%20fill%3D%22%23576b98%22%20d%3D%22M3.009%208.101L8.44%2011.31L6.17%204.325z%22%2F%3E%3Cpath%20fill%3D%22%23d71b2a%22%20d%3D%22m8.085%203.9l1.796%205.53l1.12.397l1.322-4.147z%22%2F%3E%3Cpath%20fill%3D%22%23c41a24%22%20d%3D%22m20.992%209.113l-2.488%203.434l-5.706-2.051l1.623-4.942l4.41-1.112z%22%2F%3E%3Cpath%20fill%3D%22%23c71c26%22%20d%3D%22m17.327%2014.173l-4.056%205.53l-2.616-7.924z%22%2F%3E%3Cpath%20fill%3D%22%23a71927%22%20d%3D%22m10.382%206.222l.62%203.605l1.322-4.147z%22%2F%3E%3Cpath%20fill%3D%22%2361395f%22%20d%3D%22m9.854%209.438l1.148.398l-.62-3.605L8.085%203.9z%22%2F%3E%3Cpath%20fill%3D%22%23614268%22%20d%3D%22m8.432%2011.309l-2.315%203.704L3%208.101z%22%2F%3E%3Cpath%20fill%3D%22%23da1728%22%20d%3D%22m14.412%205.562l2.068%203.163l-3.682%201.78z%22%2F%3E%3Cpath%20fill%3D%22%23e42735%22%20d%3D%22M18.823%204.451L16.48%208.725l-2.068-3.163z%22%2F%3E%3Cpath%20fill%3D%22%23a61d1e%22%20d%3D%22m18.503%2012.547l-2.014-3.831L21%209.113z%22%2F%3E%3Cpath%20fill%3D%22%23d71b2a%22%20d%3D%22m13.417%2014.841l-.146%204.861l-2.616-7.924z%22%2F%3E%3Cpath%20fill%3D%22%23a51c1c%22%20d%3D%22m13.272%2019.702l.146-4.86l3.91-.67z%22%2F%3E%3Cpath%20fill%3D%22%23721919%22%20d%3D%22m11.321%2020.1l-5.204-5.087l3.737.696z%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/kardia.svg?color=%231a73e8&size=48