clore logo

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

Name: clore-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 clore 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(#SVGHcSWxdhd84)"><path fill="#f73737" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.247 5.207a7.6 7.6 0 0 0-3.9-1.205c-1.514 1.41-1.464 4.274 0 5.584c.61-2.415 2.03-3.724 3.9-4.38m1.775 1.36c-2.28-.1-4.05 1.964-4.05 3.973a5.52 5.52 0 0 1 5.874-.3c-.305-1.61-.88-2.459-1.824-3.674m1.974 5.733c-1.42-1.505-4.199-1.355-5.568.05c2.234.54 3.444 1.56 4.453 3.824a6.5 6.5 0 0 0 1.115-3.874m-2.53 5.633c-.15-2.414-1.799-3.833-3.998-3.973c1.134 1.979 1.364 3.823.35 5.838a8.26 8.26 0 0 0 3.649-1.864m-5.823 2.065c1.47-1.46 1.57-3.824 0-5.584c-.605 2.465-1.924 3.725-3.899 4.43c1.36.82 2.25 1.009 3.9 1.154m-5.569-2.564c2.365-.22 3.9-1.76 3.9-4.024c-1.47 1.154-3.95 1.304-5.874.45c.54 1.564.965 2.379 1.975 3.574M4 11.65c1.265 1.355 3.899 1.555 5.569 0c-2.38-.555-3.774-1.95-4.404-3.774A7 7 0 0 0 4 11.65m2.53-5.534c.354 2.415 1.674 3.72 3.998 3.925c-1.174-1.935-1.264-3.775-.4-5.84c-1.674.4-2.554.96-3.599 1.915"/></g><defs><clipPath id="SVGHcSWxdhd84"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCloreBackground(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(#SVGHcSWxdhd84)"><path fill="#f73737" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.247 5.207a7.6 7.6 0 0 0-3.9-1.205c-1.514 1.41-1.464 4.274 0 5.584c.61-2.415 2.03-3.724 3.9-4.38m1.775 1.36c-2.28-.1-4.05 1.964-4.05 3.973a5.52 5.52 0 0 1 5.874-.3c-.305-1.61-.88-2.459-1.824-3.674m1.974 5.733c-1.42-1.505-4.199-1.355-5.568.05c2.234.54 3.444 1.56 4.453 3.824a6.5 6.5 0 0 0 1.115-3.874m-2.53 5.633c-.15-2.414-1.799-3.833-3.998-3.973c1.134 1.979 1.364 3.823.35 5.838a8.26 8.26 0 0 0 3.649-1.864m-5.823 2.065c1.47-1.46 1.57-3.824 0-5.584c-.605 2.465-1.924 3.725-3.899 4.43c1.36.82 2.25 1.009 3.9 1.154m-5.569-2.564c2.365-.22 3.9-1.76 3.9-4.024c-1.47 1.154-3.95 1.304-5.874.45c.54 1.564.965 2.379 1.975 3.574M4 11.65c1.265 1.355 3.899 1.555 5.569 0c-2.38-.555-3.774-1.95-4.404-3.774A7 7 0 0 0 4 11.65m2.53-5.534c.354 2.415 1.674 3.72 3.998 3.925c-1.174-1.935-1.264-3.775-.4-5.84c-1.674.4-2.554.96-3.599 1.915"/></g><defs><clipPath id="SVGHcSWxdhd84"><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(#SVGHcSWxdhd84)"><path fill="#f73737" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.247 5.207a7.6 7.6 0 0 0-3.9-1.205c-1.514 1.41-1.464 4.274 0 5.584c.61-2.415 2.03-3.724 3.9-4.38m1.775 1.36c-2.28-.1-4.05 1.964-4.05 3.973a5.52 5.52 0 0 1 5.874-.3c-.305-1.61-.88-2.459-1.824-3.674m1.974 5.733c-1.42-1.505-4.199-1.355-5.568.05c2.234.54 3.444 1.56 4.453 3.824a6.5 6.5 0 0 0 1.115-3.874m-2.53 5.633c-.15-2.414-1.799-3.833-3.998-3.973c1.134 1.979 1.364 3.823.35 5.838a8.26 8.26 0 0 0 3.649-1.864m-5.823 2.065c1.47-1.46 1.57-3.824 0-5.584c-.605 2.465-1.924 3.725-3.899 4.43c1.36.82 2.25 1.009 3.9 1.154m-5.569-2.564c2.365-.22 3.9-1.76 3.9-4.024c-1.47 1.154-3.95 1.304-5.874.45c.54 1.564.965 2.379 1.975 3.574M4 11.65c1.265 1.355 3.899 1.555 5.569 0c-2.38-.555-3.774-1.95-4.404-3.774A7 7 0 0 0 4 11.65m2.53-5.534c.354 2.415 1.674 3.72 3.998 3.925c-1.174-1.935-1.264-3.775-.4-5.84c-1.674.4-2.554.96-3.599 1.915"/></g><defs><clipPath id="SVGHcSWxdhd84"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-clore-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(%23SVGHcSWxdhd84)%22%3E%3Cpath%20fill%3D%22%23f73737%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.247%205.207a7.6%207.6%200%200%200-3.9-1.205c-1.514%201.41-1.464%204.274%200%205.584c.61-2.415%202.03-3.724%203.9-4.38m1.775%201.36c-2.28-.1-4.05%201.964-4.05%203.973a5.52%205.52%200%200%201%205.874-.3c-.305-1.61-.88-2.459-1.824-3.674m1.974%205.733c-1.42-1.505-4.199-1.355-5.568.05c2.234.54%203.444%201.56%204.453%203.824a6.5%206.5%200%200%200%201.115-3.874m-2.53%205.633c-.15-2.414-1.799-3.833-3.998-3.973c1.134%201.979%201.364%203.823.35%205.838a8.26%208.26%200%200%200%203.649-1.864m-5.823%202.065c1.47-1.46%201.57-3.824%200-5.584c-.605%202.465-1.924%203.725-3.899%204.43c1.36.82%202.25%201.009%203.9%201.154m-5.569-2.564c2.365-.22%203.9-1.76%203.9-4.024c-1.47%201.154-3.95%201.304-5.874.45c.54%201.564.965%202.379%201.975%203.574M4%2011.65c1.265%201.355%203.899%201.555%205.569%200c-2.38-.555-3.774-1.95-4.404-3.774A7%207%200%200%200%204%2011.65m2.53-5.534c.354%202.415%201.674%203.72%203.998%203.925c-1.174-1.935-1.264-3.775-.4-5.84c-1.674.4-2.554.96-3.599%201.915%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd84%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(%23SVGHcSWxdhd84)%22%3E%3Cpath%20fill%3D%22%23f73737%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.247%205.207a7.6%207.6%200%200%200-3.9-1.205c-1.514%201.41-1.464%204.274%200%205.584c.61-2.415%202.03-3.724%203.9-4.38m1.775%201.36c-2.28-.1-4.05%201.964-4.05%203.973a5.52%205.52%200%200%201%205.874-.3c-.305-1.61-.88-2.459-1.824-3.674m1.974%205.733c-1.42-1.505-4.199-1.355-5.568.05c2.234.54%203.444%201.56%204.453%203.824a6.5%206.5%200%200%200%201.115-3.874m-2.53%205.633c-.15-2.414-1.799-3.833-3.998-3.973c1.134%201.979%201.364%203.823.35%205.838a8.26%208.26%200%200%200%203.649-1.864m-5.823%202.065c1.47-1.46%201.57-3.824%200-5.584c-.605%202.465-1.924%203.725-3.899%204.43c1.36.82%202.25%201.009%203.9%201.154m-5.569-2.564c2.365-.22%203.9-1.76%203.9-4.024c-1.47%201.154-3.95%201.304-5.874.45c.54%201.564.965%202.379%201.975%203.574M4%2011.65c1.265%201.355%203.899%201.555%205.569%200c-2.38-.555-3.774-1.95-4.404-3.774A7%207%200%200%200%204%2011.65m2.53-5.534c.354%202.415%201.674%203.72%203.998%203.925c-1.174-1.935-1.264-3.775-.4-5.84c-1.674.4-2.554.96-3.599%201.915%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd84%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/clore-background.svg?color=%231a73e8&size=48