icp logo
icp-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- icp-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 icp 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(#SVGHcSWxdhd83)"><path fill="#46abe3" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="m12 13.232l.02-.024c1.168 1.136 2.852 2.456 4.312 2.456a3.633 3.633 0 0 0 3.668-3.6c0-1.988-1.64-3.6-3.668-3.6c-1.552 0-3.08 1.152-4.332 2.432zm4.28.976c1.248 0 2.26-.96 2.26-2.144S17.528 9.92 16.276 9.92s-2.472 1.16-3.328 2.144c.568.64 2.08 2.144 3.328 2.144z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="m12.048 13.28l-.08-.08c-1.132 1.124-2.8 2.464-4.3 2.464A3.633 3.633 0 0 1 4 12.064c0-1.988 1.64-3.6 3.668-3.6c1.576 0 3.04 1.244 4.272 2.572l.108-.112zm-4.328.928c-1.252 0-2.264-.96-2.264-2.144S6.468 9.92 7.72 9.92s2.472 1.16 3.328 2.144c-.568.64-2.08 2.144-3.328 2.144" clip-rule="evenodd"/><path fill="#fff" d="m10.896 11.932l.096.084l.98 1.248c1.152 1.076 2.832 2.4 4.36 2.4a3.65 3.65 0 0 0 3.6-2.904c-.312.564-1.4 1.448-3.344 1.428q-.15.019-.312.02c-1.252 0-2.76-1.504-3.328-2.144l.012-.016l-1.18-1.42l-1.18-1.12c-.944-.72-1.92-1.172-2.992-1.172c-1.812 0-3.268 1.44-3.56 3.16c.808-1.464 2.548-1.936 4.076-1.532c1 .172 1.868.968 2.772 1.968"/></g><defs><clipPath id="SVGHcSWxdhd83"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedIcpBackground(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(#SVGHcSWxdhd83)"><path fill="#46abe3" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="m12 13.232l.02-.024c1.168 1.136 2.852 2.456 4.312 2.456a3.633 3.633 0 0 0 3.668-3.6c0-1.988-1.64-3.6-3.668-3.6c-1.552 0-3.08 1.152-4.332 2.432zm4.28.976c1.248 0 2.26-.96 2.26-2.144S17.528 9.92 16.276 9.92s-2.472 1.16-3.328 2.144c.568.64 2.08 2.144 3.328 2.144z" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="m12.048 13.28l-.08-.08c-1.132 1.124-2.8 2.464-4.3 2.464A3.633 3.633 0 0 1 4 12.064c0-1.988 1.64-3.6 3.668-3.6c1.576 0 3.04 1.244 4.272 2.572l.108-.112zm-4.328.928c-1.252 0-2.264-.96-2.264-2.144S6.468 9.92 7.72 9.92s2.472 1.16 3.328 2.144c-.568.64-2.08 2.144-3.328 2.144" clipRule="evenodd"/><path fill="#fff" d="m10.896 11.932l.096.084l.98 1.248c1.152 1.076 2.832 2.4 4.36 2.4a3.65 3.65 0 0 0 3.6-2.904c-.312.564-1.4 1.448-3.344 1.428q-.15.019-.312.02c-1.252 0-2.76-1.504-3.328-2.144l.012-.016l-1.18-1.42l-1.18-1.12c-.944-.72-1.92-1.172-2.992-1.172c-1.812 0-3.268 1.44-3.56 3.16c.808-1.464 2.548-1.936 4.076-1.532c1 .172 1.868.968 2.772 1.968"/></g><defs><clipPath id="SVGHcSWxdhd83"><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(#SVGHcSWxdhd83)"><path fill="#46abe3" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="m12 13.232l.02-.024c1.168 1.136 2.852 2.456 4.312 2.456a3.633 3.633 0 0 0 3.668-3.6c0-1.988-1.64-3.6-3.668-3.6c-1.552 0-3.08 1.152-4.332 2.432zm4.28.976c1.248 0 2.26-.96 2.26-2.144S17.528 9.92 16.276 9.92s-2.472 1.16-3.328 2.144c.568.64 2.08 2.144 3.328 2.144z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="m12.048 13.28l-.08-.08c-1.132 1.124-2.8 2.464-4.3 2.464A3.633 3.633 0 0 1 4 12.064c0-1.988 1.64-3.6 3.668-3.6c1.576 0 3.04 1.244 4.272 2.572l.108-.112zm-4.328.928c-1.252 0-2.264-.96-2.264-2.144S6.468 9.92 7.72 9.92s2.472 1.16 3.328 2.144c-.568.64-2.08 2.144-3.328 2.144" clip-rule="evenodd"/><path fill="#fff" d="m10.896 11.932l.096.084l.98 1.248c1.152 1.076 2.832 2.4 4.36 2.4a3.65 3.65 0 0 0 3.6-2.904c-.312.564-1.4 1.448-3.344 1.428q-.15.019-.312.02c-1.252 0-2.76-1.504-3.328-2.144l.012-.016l-1.18-1.42l-1.18-1.12c-.944-.72-1.92-1.172-2.992-1.172c-1.812 0-3.268 1.44-3.56 3.16c.808-1.464 2.548-1.936 4.076-1.532c1 .172 1.868.968 2.772 1.968"/></g><defs><clipPath id="SVGHcSWxdhd83"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-icp-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(%23SVGHcSWxdhd83)%22%3E%3Cpath%20fill%3D%22%2346abe3%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m12%2013.232l.02-.024c1.168%201.136%202.852%202.456%204.312%202.456a3.633%203.633%200%200%200%203.668-3.6c0-1.988-1.64-3.6-3.668-3.6c-1.552%200-3.08%201.152-4.332%202.432zm4.28.976c1.248%200%202.26-.96%202.26-2.144S17.528%209.92%2016.276%209.92s-2.472%201.16-3.328%202.144c.568.64%202.08%202.144%203.328%202.144z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m12.048%2013.28l-.08-.08c-1.132%201.124-2.8%202.464-4.3%202.464A3.633%203.633%200%200%201%204%2012.064c0-1.988%201.64-3.6%203.668-3.6c1.576%200%203.04%201.244%204.272%202.572l.108-.112zm-4.328.928c-1.252%200-2.264-.96-2.264-2.144S6.468%209.92%207.72%209.92s2.472%201.16%203.328%202.144c-.568.64-2.08%202.144-3.328%202.144%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m10.896%2011.932l.096.084l.98%201.248c1.152%201.076%202.832%202.4%204.36%202.4a3.65%203.65%200%200%200%203.6-2.904c-.312.564-1.4%201.448-3.344%201.428q-.15.019-.312.02c-1.252%200-2.76-1.504-3.328-2.144l.012-.016l-1.18-1.42l-1.18-1.12c-.944-.72-1.92-1.172-2.992-1.172c-1.812%200-3.268%201.44-3.56%203.16c.808-1.464%202.548-1.936%204.076-1.532c1%20.172%201.868.968%202.772%201.968%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd83%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(%23SVGHcSWxdhd83)%22%3E%3Cpath%20fill%3D%22%2346abe3%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m12%2013.232l.02-.024c1.168%201.136%202.852%202.456%204.312%202.456a3.633%203.633%200%200%200%203.668-3.6c0-1.988-1.64-3.6-3.668-3.6c-1.552%200-3.08%201.152-4.332%202.432zm4.28.976c1.248%200%202.26-.96%202.26-2.144S17.528%209.92%2016.276%209.92s-2.472%201.16-3.328%202.144c.568.64%202.08%202.144%203.328%202.144z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22m12.048%2013.28l-.08-.08c-1.132%201.124-2.8%202.464-4.3%202.464A3.633%203.633%200%200%201%204%2012.064c0-1.988%201.64-3.6%203.668-3.6c1.576%200%203.04%201.244%204.272%202.572l.108-.112zm-4.328.928c-1.252%200-2.264-.96-2.264-2.144S6.468%209.92%207.72%209.92s2.472%201.16%203.328%202.144c-.568.64-2.08%202.144-3.328%202.144%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m10.896%2011.932l.096.084l.98%201.248c1.152%201.076%202.832%202.4%204.36%202.4a3.65%203.65%200%200%200%203.6-2.904c-.312.564-1.4%201.448-3.344%201.428q-.15.019-.312.02c-1.252%200-2.76-1.504-3.328-2.144l.012-.016l-1.18-1.42l-1.18-1.12c-.944-.72-1.92-1.172-2.992-1.172c-1.812%200-3.268%201.44-3.56%203.16c.808-1.464%202.548-1.936%204.076-1.532c1%20.172%201.868.968%202.772%201.968%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd83%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/icp-background.svg?color=%231a73e8&size=48
