cdai logo

cdai-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: cdai-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 cdai 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(#SVGHcSWxdhd242)"><path fill="url(#SVG7DBrncUr)" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.824 5.835A8.8 8.8 0 0 0 13.412 4c-4.546 0-8.235 3.581-8.235 8s3.689 8 8.235 8a8.38 8.38 0 0 0 5.411-1.958l-.894-1.082a6.98 6.98 0 0 1-4.517 1.628c-3.765 0-6.824-2.95-6.824-6.588s3.06-6.588 6.824-6.588c1.656 0 3.332.565 4.517 1.515z"/><path fill="#fff" fill-rule="evenodd" d="M13.412 8.706h-2.589v2.353h-.94v.47h.94v.942h-.94v.47h.94v1.883h2.589a3.06 3.06 0 0 0 2.823-1.882h.706v-.471h-.55a3 3 0 0 0 .07-.941h.48v-.47h-.55a3.06 3.06 0 0 0-2.98-2.354m2.494 3.765a2.6 2.6 0 0 0 .085-.941h-4.697v.941zm-4.612.47v1.412h2.118a2.59 2.59 0 0 0 2.306-1.411zm0-1.882h4.612a2.59 2.59 0 0 0-2.494-1.882h-2.118z" clip-rule="evenodd"/></g><defs><linearGradient id="SVG7DBrncUr" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#27d3a2"/><stop offset="1" stop-color="#9388fd"/></linearGradient><clipPath id="SVGHcSWxdhd242"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCdaiBackground(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(#SVGHcSWxdhd242)"><path fill="url(#SVG7DBrncUr)" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.824 5.835A8.8 8.8 0 0 0 13.412 4c-4.546 0-8.235 3.581-8.235 8s3.689 8 8.235 8a8.38 8.38 0 0 0 5.411-1.958l-.894-1.082a6.98 6.98 0 0 1-4.517 1.628c-3.765 0-6.824-2.95-6.824-6.588s3.06-6.588 6.824-6.588c1.656 0 3.332.565 4.517 1.515z"/><path fill="#fff" fillRule="evenodd" d="M13.412 8.706h-2.589v2.353h-.94v.47h.94v.942h-.94v.47h.94v1.883h2.589a3.06 3.06 0 0 0 2.823-1.882h.706v-.471h-.55a3 3 0 0 0 .07-.941h.48v-.47h-.55a3.06 3.06 0 0 0-2.98-2.354m2.494 3.765a2.6 2.6 0 0 0 .085-.941h-4.697v.941zm-4.612.47v1.412h2.118a2.59 2.59 0 0 0 2.306-1.411zm0-1.882h4.612a2.59 2.59 0 0 0-2.494-1.882h-2.118z" clipRule="evenodd"/></g><defs><linearGradient id="SVG7DBrncUr" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stopColor="#27d3a2"/><stop offset="1" stopColor="#9388fd"/></linearGradient><clipPath id="SVGHcSWxdhd242"><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(#SVGHcSWxdhd242)"><path fill="url(#SVG7DBrncUr)" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.824 5.835A8.8 8.8 0 0 0 13.412 4c-4.546 0-8.235 3.581-8.235 8s3.689 8 8.235 8a8.38 8.38 0 0 0 5.411-1.958l-.894-1.082a6.98 6.98 0 0 1-4.517 1.628c-3.765 0-6.824-2.95-6.824-6.588s3.06-6.588 6.824-6.588c1.656 0 3.332.565 4.517 1.515z"/><path fill="#fff" fill-rule="evenodd" d="M13.412 8.706h-2.589v2.353h-.94v.47h.94v.942h-.94v.47h.94v1.883h2.589a3.06 3.06 0 0 0 2.823-1.882h.706v-.471h-.55a3 3 0 0 0 .07-.941h.48v-.47h-.55a3.06 3.06 0 0 0-2.98-2.354m2.494 3.765a2.6 2.6 0 0 0 .085-.941h-4.697v.941zm-4.612.47v1.412h2.118a2.59 2.59 0 0 0 2.306-1.411zm0-1.882h4.612a2.59 2.59 0 0 0-2.494-1.882h-2.118z" clip-rule="evenodd"/></g><defs><linearGradient id="SVG7DBrncUr" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#27d3a2"/><stop offset="1" stop-color="#9388fd"/></linearGradient><clipPath id="SVGHcSWxdhd242"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-cdai-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(%23SVGHcSWxdhd242)%22%3E%3Cpath%20fill%3D%22url(%23SVG7DBrncUr)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.824%205.835A8.8%208.8%200%200%200%2013.412%204c-4.546%200-8.235%203.581-8.235%208s3.689%208%208.235%208a8.38%208.38%200%200%200%205.411-1.958l-.894-1.082a6.98%206.98%200%200%201-4.517%201.628c-3.765%200-6.824-2.95-6.824-6.588s3.06-6.588%206.824-6.588c1.656%200%203.332.565%204.517%201.515z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.412%208.706h-2.589v2.353h-.94v.47h.94v.942h-.94v.47h.94v1.883h2.589a3.06%203.06%200%200%200%202.823-1.882h.706v-.471h-.55a3%203%200%200%200%20.07-.941h.48v-.47h-.55a3.06%203.06%200%200%200-2.98-2.354m2.494%203.765a2.6%202.6%200%200%200%20.085-.941h-4.697v.941zm-4.612.47v1.412h2.118a2.59%202.59%200%200%200%202.306-1.411zm0-1.882h4.612a2.59%202.59%200%200%200-2.494-1.882h-2.118z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG7DBrncUr%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2327d3a2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239388fd%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd242%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(%23SVGHcSWxdhd242)%22%3E%3Cpath%20fill%3D%22url(%23SVG7DBrncUr)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.824%205.835A8.8%208.8%200%200%200%2013.412%204c-4.546%200-8.235%203.581-8.235%208s3.689%208%208.235%208a8.38%208.38%200%200%200%205.411-1.958l-.894-1.082a6.98%206.98%200%200%201-4.517%201.628c-3.765%200-6.824-2.95-6.824-6.588s3.06-6.588%206.824-6.588c1.656%200%203.332.565%204.517%201.515z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.412%208.706h-2.589v2.353h-.94v.47h.94v.942h-.94v.47h.94v1.883h2.589a3.06%203.06%200%200%200%202.823-1.882h.706v-.471h-.55a3%203%200%200%200%20.07-.941h.48v-.47h-.55a3.06%203.06%200%200%200-2.98-2.354m2.494%203.765a2.6%202.6%200%200%200%20.085-.941h-4.697v.941zm-4.612.47v1.412h2.118a2.59%202.59%200%200%200%202.306-1.411zm0-1.882h4.612a2.59%202.59%200%200%200-2.494-1.882h-2.118z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG7DBrncUr%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2327d3a2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239388fd%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd242%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/cdai-background.svg?color=%231a73e8&size=48