credi logo

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

Name: credi
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 credi 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(#SVGi7Jz4dAD)" d="m9.582 12.638l3.26 3.274a.974.974 0 0 1 0 1.39L11.1 19.006c-.39.39-1.021.39-1.415 0l-6.392-6.323a.974.974 0 0 1 0-1.392l6.406-6.299a1.007 1.007 0 0 1 1.41 0l1.733 1.703a.973.973 0 0 1 0 1.396l-3.26 3.288a.88.88 0 0 0-.257.623c0 .228.087.457.257.637m6.791-2.505a.97.97 0 0 0 0-1.391l-.661-.652a1.004 1.004 0 0 0-1.416 0l-3.22 3.21a.974.974 0 0 0 0 1.396l3.22 3.201a1 1 0 0 0 1.41 0l.667-.652a.97.97 0 0 0 0-1.391l-1.518-1.44a.6.6 0 0 1-.18-.413a.6.6 0 0 1 .18-.428zm1.372.083L16.43 11.32a.97.97 0 0 0 0 1.39l1.314 1.086c.194.194.569.292.822.292c.258 0 .632-.098.827-.292l1.313-1.085a.98.98 0 0 0 .217-1.073a1 1 0 0 0-.217-.318l-1.313-1.104a1.27 1.27 0 0 0-.827-.302c-.253 0-.633.102-.827.302z"/><defs><linearGradient id="SVGi7Jz4dAD" x1="3.011" x2="20.97" y1="12.001" y2="12.001" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#1d398c"/><stop offset=".21" stop-color="#1e3d8f"/><stop offset=".38" stop-color="#214997"/><stop offset=".55" stop-color="#255ca4"/><stop offset=".72" stop-color="#2c78b7"/><stop offset=".89" stop-color="#349bce"/><stop offset="1" stop-color="#3bb7e1"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCredi(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(#SVGi7Jz4dAD)" d="m9.582 12.638l3.26 3.274a.974.974 0 0 1 0 1.39L11.1 19.006c-.39.39-1.021.39-1.415 0l-6.392-6.323a.974.974 0 0 1 0-1.392l6.406-6.299a1.007 1.007 0 0 1 1.41 0l1.733 1.703a.973.973 0 0 1 0 1.396l-3.26 3.288a.88.88 0 0 0-.257.623c0 .228.087.457.257.637m6.791-2.505a.97.97 0 0 0 0-1.391l-.661-.652a1.004 1.004 0 0 0-1.416 0l-3.22 3.21a.974.974 0 0 0 0 1.396l3.22 3.201a1 1 0 0 0 1.41 0l.667-.652a.97.97 0 0 0 0-1.391l-1.518-1.44a.6.6 0 0 1-.18-.413a.6.6 0 0 1 .18-.428zm1.372.083L16.43 11.32a.97.97 0 0 0 0 1.39l1.314 1.086c.194.194.569.292.822.292c.258 0 .632-.098.827-.292l1.313-1.085a.98.98 0 0 0 .217-1.073a1 1 0 0 0-.217-.318l-1.313-1.104a1.27 1.27 0 0 0-.827-.302c-.253 0-.633.102-.827.302z"/><defs><linearGradient id="SVGi7Jz4dAD" x1="3.011" x2="20.97" y1="12.001" y2="12.001" gradientUnits="userSpaceOnUse"><stop offset=".03" stopColor="#1d398c"/><stop offset=".21" stopColor="#1e3d8f"/><stop offset=".38" stopColor="#214997"/><stop offset=".55" stopColor="#255ca4"/><stop offset=".72" stopColor="#2c78b7"/><stop offset=".89" stopColor="#349bce"/><stop offset="1" stopColor="#3bb7e1"/></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(#SVGi7Jz4dAD)" d="m9.582 12.638l3.26 3.274a.974.974 0 0 1 0 1.39L11.1 19.006c-.39.39-1.021.39-1.415 0l-6.392-6.323a.974.974 0 0 1 0-1.392l6.406-6.299a1.007 1.007 0 0 1 1.41 0l1.733 1.703a.973.973 0 0 1 0 1.396l-3.26 3.288a.88.88 0 0 0-.257.623c0 .228.087.457.257.637m6.791-2.505a.97.97 0 0 0 0-1.391l-.661-.652a1.004 1.004 0 0 0-1.416 0l-3.22 3.21a.974.974 0 0 0 0 1.396l3.22 3.201a1 1 0 0 0 1.41 0l.667-.652a.97.97 0 0 0 0-1.391l-1.518-1.44a.6.6 0 0 1-.18-.413a.6.6 0 0 1 .18-.428zm1.372.083L16.43 11.32a.97.97 0 0 0 0 1.39l1.314 1.086c.194.194.569.292.822.292c.258 0 .632-.098.827-.292l1.313-1.085a.98.98 0 0 0 .217-1.073a1 1 0 0 0-.217-.318l-1.313-1.104a1.27 1.27 0 0 0-.827-.302c-.253 0-.633.102-.827.302z"/><defs><linearGradient id="SVGi7Jz4dAD" x1="3.011" x2="20.97" y1="12.001" y2="12.001" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#1d398c"/><stop offset=".21" stop-color="#1e3d8f"/><stop offset=".38" stop-color="#214997"/><stop offset=".55" stop-color="#255ca4"/><stop offset=".72" stop-color="#2c78b7"/><stop offset=".89" stop-color="#349bce"/><stop offset="1" stop-color="#3bb7e1"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-credi {
  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(%23SVGi7Jz4dAD)%22%20d%3D%22m9.582%2012.638l3.26%203.274a.974.974%200%200%201%200%201.39L11.1%2019.006c-.39.39-1.021.39-1.415%200l-6.392-6.323a.974.974%200%200%201%200-1.392l6.406-6.299a1.007%201.007%200%200%201%201.41%200l1.733%201.703a.973.973%200%200%201%200%201.396l-3.26%203.288a.88.88%200%200%200-.257.623c0%20.228.087.457.257.637m6.791-2.505a.97.97%200%200%200%200-1.391l-.661-.652a1.004%201.004%200%200%200-1.416%200l-3.22%203.21a.974.974%200%200%200%200%201.396l3.22%203.201a1%201%200%200%200%201.41%200l.667-.652a.97.97%200%200%200%200-1.391l-1.518-1.44a.6.6%200%200%201-.18-.413a.6.6%200%200%201%20.18-.428zm1.372.083L16.43%2011.32a.97.97%200%200%200%200%201.39l1.314%201.086c.194.194.569.292.822.292c.258%200%20.632-.098.827-.292l1.313-1.085a.98.98%200%200%200%20.217-1.073a1%201%200%200%200-.217-.318l-1.313-1.104a1.27%201.27%200%200%200-.827-.302c-.253%200-.633.102-.827.302z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGi7Jz4dAD%22%20x1%3D%223.011%22%20x2%3D%2220.97%22%20y1%3D%2212.001%22%20y2%3D%2212.001%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.03%22%20stop-color%3D%22%231d398c%22%2F%3E%3Cstop%20offset%3D%22.21%22%20stop-color%3D%22%231e3d8f%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%23214997%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23255ca4%22%2F%3E%3Cstop%20offset%3D%22.72%22%20stop-color%3D%22%232c78b7%22%2F%3E%3Cstop%20offset%3D%22.89%22%20stop-color%3D%22%23349bce%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233bb7e1%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(%23SVGi7Jz4dAD)%22%20d%3D%22m9.582%2012.638l3.26%203.274a.974.974%200%200%201%200%201.39L11.1%2019.006c-.39.39-1.021.39-1.415%200l-6.392-6.323a.974.974%200%200%201%200-1.392l6.406-6.299a1.007%201.007%200%200%201%201.41%200l1.733%201.703a.973.973%200%200%201%200%201.396l-3.26%203.288a.88.88%200%200%200-.257.623c0%20.228.087.457.257.637m6.791-2.505a.97.97%200%200%200%200-1.391l-.661-.652a1.004%201.004%200%200%200-1.416%200l-3.22%203.21a.974.974%200%200%200%200%201.396l3.22%203.201a1%201%200%200%200%201.41%200l.667-.652a.97.97%200%200%200%200-1.391l-1.518-1.44a.6.6%200%200%201-.18-.413a.6.6%200%200%201%20.18-.428zm1.372.083L16.43%2011.32a.97.97%200%200%200%200%201.39l1.314%201.086c.194.194.569.292.822.292c.258%200%20.632-.098.827-.292l1.313-1.085a.98.98%200%200%200%20.217-1.073a1%201%200%200%200-.217-.318l-1.313-1.104a1.27%201.27%200%200%200-.827-.302c-.253%200-.633.102-.827.302z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGi7Jz4dAD%22%20x1%3D%223.011%22%20x2%3D%2220.97%22%20y1%3D%2212.001%22%20y2%3D%2212.001%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.03%22%20stop-color%3D%22%231d398c%22%2F%3E%3Cstop%20offset%3D%22.21%22%20stop-color%3D%22%231e3d8f%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%23214997%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23255ca4%22%2F%3E%3Cstop%20offset%3D%22.72%22%20stop-color%3D%22%232c78b7%22%2F%3E%3Cstop%20offset%3D%22.89%22%20stop-color%3D%22%23349bce%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233bb7e1%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/credi.svg?color=%231a73e8&size=48