chrp logo
chrp-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- chrp-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 chrp 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(#SVGHcSWxdhd89)"><path fill="#f24139" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M15.5 10.24a1.25 1.25 0 0 1-.77 1.165A1.25 1.25 0 0 1 13 10.24a1.247 1.247 0 0 1 1.25-1.255a1.25 1.25 0 0 1 1.25 1.255m-1-.24a.5.5 0 1 1-1.001 0a.5.5 0 0 1 1 0m.25.5a.25.25 0 1 0 0-.5a.25.25 0 0 0 0 .5" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M20 12.375c0 3.395-1.92 6.31-4.695 7.625c2.24-2.385 2.2-5.32 2.195-5.91v-.065a1.3 1.3 0 0 1-.915.475c-1.565 0-3.085-1.27-4.7-2.99C10.275 9.8 9.5 7.925 9.5 7.295c0-.325.18-.54.3-.69l.075-.09c.07-.095.125-.17.125-.265c0-.245-.28-.245-.585-.245c-1.105 0-2.5.545-3.635 1.11A7.86 7.86 0 0 1 12 4c4.42 0 8 3.75 8 8.375M5.12 16.65c.51.9 1.183 1.697 1.985 2.35h1.86C11.04 19 13 17.635 13 15.45c0-2.18-1.96-3.94-4.035-3.94H4.04A8.87 8.87 0 0 0 4.79 16h7.71c-.685.335-2.45 1-4.035 1c-1.075 0-2.365-.175-3.345-.35M12 8.04C12 7.21 13.005 7 13.51 7C16.9 7 17 10.375 17 10.88c0 .075-.005.15-.02.245l1.635.415c.43.11.525.61.16.835L16.96 13.5l-.275-1.49c-.165.28-.4.49-.705.49c-.7 0-1.875-.88-2.47-1.41S12 9.08 12 8.04" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd89"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedChrpBackground(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(#SVGHcSWxdhd89)"><path fill="#f24139" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M15.5 10.24a1.25 1.25 0 0 1-.77 1.165A1.25 1.25 0 0 1 13 10.24a1.247 1.247 0 0 1 1.25-1.255a1.25 1.25 0 0 1 1.25 1.255m-1-.24a.5.5 0 1 1-1.001 0a.5.5 0 0 1 1 0m.25.5a.25.25 0 1 0 0-.5a.25.25 0 0 0 0 .5" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M20 12.375c0 3.395-1.92 6.31-4.695 7.625c2.24-2.385 2.2-5.32 2.195-5.91v-.065a1.3 1.3 0 0 1-.915.475c-1.565 0-3.085-1.27-4.7-2.99C10.275 9.8 9.5 7.925 9.5 7.295c0-.325.18-.54.3-.69l.075-.09c.07-.095.125-.17.125-.265c0-.245-.28-.245-.585-.245c-1.105 0-2.5.545-3.635 1.11A7.86 7.86 0 0 1 12 4c4.42 0 8 3.75 8 8.375M5.12 16.65c.51.9 1.183 1.697 1.985 2.35h1.86C11.04 19 13 17.635 13 15.45c0-2.18-1.96-3.94-4.035-3.94H4.04A8.87 8.87 0 0 0 4.79 16h7.71c-.685.335-2.45 1-4.035 1c-1.075 0-2.365-.175-3.345-.35M12 8.04C12 7.21 13.005 7 13.51 7C16.9 7 17 10.375 17 10.88c0 .075-.005.15-.02.245l1.635.415c.43.11.525.61.16.835L16.96 13.5l-.275-1.49c-.165.28-.4.49-.705.49c-.7 0-1.875-.88-2.47-1.41S12 9.08 12 8.04" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd89"><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(#SVGHcSWxdhd89)"><path fill="#f24139" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M15.5 10.24a1.25 1.25 0 0 1-.77 1.165A1.25 1.25 0 0 1 13 10.24a1.247 1.247 0 0 1 1.25-1.255a1.25 1.25 0 0 1 1.25 1.255m-1-.24a.5.5 0 1 1-1.001 0a.5.5 0 0 1 1 0m.25.5a.25.25 0 1 0 0-.5a.25.25 0 0 0 0 .5" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M20 12.375c0 3.395-1.92 6.31-4.695 7.625c2.24-2.385 2.2-5.32 2.195-5.91v-.065a1.3 1.3 0 0 1-.915.475c-1.565 0-3.085-1.27-4.7-2.99C10.275 9.8 9.5 7.925 9.5 7.295c0-.325.18-.54.3-.69l.075-.09c.07-.095.125-.17.125-.265c0-.245-.28-.245-.585-.245c-1.105 0-2.5.545-3.635 1.11A7.86 7.86 0 0 1 12 4c4.42 0 8 3.75 8 8.375M5.12 16.65c.51.9 1.183 1.697 1.985 2.35h1.86C11.04 19 13 17.635 13 15.45c0-2.18-1.96-3.94-4.035-3.94H4.04A8.87 8.87 0 0 0 4.79 16h7.71c-.685.335-2.45 1-4.035 1c-1.075 0-2.365-.175-3.345-.35M12 8.04C12 7.21 13.005 7 13.51 7C16.9 7 17 10.375 17 10.88c0 .075-.005.15-.02.245l1.635.415c.43.11.525.61.16.835L16.96 13.5l-.275-1.49c-.165.28-.4.49-.705.49c-.7 0-1.875-.88-2.47-1.41S12 9.08 12 8.04" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd89"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-chrp-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(%23SVGHcSWxdhd89)%22%3E%3Cpath%20fill%3D%22%23f24139%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.5%2010.24a1.25%201.25%200%200%201-.77%201.165A1.25%201.25%200%200%201%2013%2010.24a1.247%201.247%200%200%201%201.25-1.255a1.25%201.25%200%200%201%201.25%201.255m-1-.24a.5.5%200%201%201-1.001%200a.5.5%200%200%201%201%200m.25.5a.25.25%200%201%200%200-.5a.25.25%200%200%200%200%20.5%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2012.375c0%203.395-1.92%206.31-4.695%207.625c2.24-2.385%202.2-5.32%202.195-5.91v-.065a1.3%201.3%200%200%201-.915.475c-1.565%200-3.085-1.27-4.7-2.99C10.275%209.8%209.5%207.925%209.5%207.295c0-.325.18-.54.3-.69l.075-.09c.07-.095.125-.17.125-.265c0-.245-.28-.245-.585-.245c-1.105%200-2.5.545-3.635%201.11A7.86%207.86%200%200%201%2012%204c4.42%200%208%203.75%208%208.375M5.12%2016.65c.51.9%201.183%201.697%201.985%202.35h1.86C11.04%2019%2013%2017.635%2013%2015.45c0-2.18-1.96-3.94-4.035-3.94H4.04A8.87%208.87%200%200%200%204.79%2016h7.71c-.685.335-2.45%201-4.035%201c-1.075%200-2.365-.175-3.345-.35M12%208.04C12%207.21%2013.005%207%2013.51%207C16.9%207%2017%2010.375%2017%2010.88c0%20.075-.005.15-.02.245l1.635.415c.43.11.525.61.16.835L16.96%2013.5l-.275-1.49c-.165.28-.4.49-.705.49c-.7%200-1.875-.88-2.47-1.41S12%209.08%2012%208.04%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd89%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(%23SVGHcSWxdhd89)%22%3E%3Cpath%20fill%3D%22%23f24139%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.5%2010.24a1.25%201.25%200%200%201-.77%201.165A1.25%201.25%200%200%201%2013%2010.24a1.247%201.247%200%200%201%201.25-1.255a1.25%201.25%200%200%201%201.25%201.255m-1-.24a.5.5%200%201%201-1.001%200a.5.5%200%200%201%201%200m.25.5a.25.25%200%201%200%200-.5a.25.25%200%200%200%200%20.5%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2012.375c0%203.395-1.92%206.31-4.695%207.625c2.24-2.385%202.2-5.32%202.195-5.91v-.065a1.3%201.3%200%200%201-.915.475c-1.565%200-3.085-1.27-4.7-2.99C10.275%209.8%209.5%207.925%209.5%207.295c0-.325.18-.54.3-.69l.075-.09c.07-.095.125-.17.125-.265c0-.245-.28-.245-.585-.245c-1.105%200-2.5.545-3.635%201.11A7.86%207.86%200%200%201%2012%204c4.42%200%208%203.75%208%208.375M5.12%2016.65c.51.9%201.183%201.697%201.985%202.35h1.86C11.04%2019%2013%2017.635%2013%2015.45c0-2.18-1.96-3.94-4.035-3.94H4.04A8.87%208.87%200%200%200%204.79%2016h7.71c-.685.335-2.45%201-4.035%201c-1.075%200-2.365-.175-3.345-.35M12%208.04C12%207.21%2013.005%207%2013.51%207C16.9%207%2017%2010.375%2017%2010.88c0%20.075-.005.15-.02.245l1.635.415c.43.11.525.61.16.835L16.96%2013.5l-.275-1.49c-.165.28-.4.49-.705.49c-.7%200-1.875-.88-2.47-1.41S12%209.08%2012%208.04%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd89%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/chrp-background.svg?color=%231a73e8&size=48
