poly logo
poly-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- poly-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 poly 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(#SVGHcSWxdhd78)"><path fill="#3f4b80" d="M24 0H0v24h24z"/><path fill="#fff" d="m20 7.991l-.034-.542l-.16.451l-.886.789l-1.029.154l-.303-.286l.892-1.257l.92-.28l-.988.023l-1.44 1.057l-1.315-.097l-.051-.034l-1.892-.949l-1.12.229l-3.503 2.948l-1.674.543l-.703.815h-1.24l-.606 1.076l-.868.246l.811.126l.766-1.034l1.16.234l-.011 1.115l-.583 1.588l-.343 1.48l-.36.594l.914-.2l-.102-.617l.776-1.623l1.503-.605l.572-.972l.983-.72l1.937.292l1.96-.875l-.343 1.495h-.857l-.252 1.094l.743-.51l1.229-.536l1.097-1.531v-.738l.457.555l1.497.948l.857-.405l-.057-2.018l-.234-.788l1.114-.286z"/></g><defs><clipPath id="SVGHcSWxdhd78"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPolyBackground(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(#SVGHcSWxdhd78)"><path fill="#3f4b80" d="M24 0H0v24h24z"/><path fill="#fff" d="m20 7.991l-.034-.542l-.16.451l-.886.789l-1.029.154l-.303-.286l.892-1.257l.92-.28l-.988.023l-1.44 1.057l-1.315-.097l-.051-.034l-1.892-.949l-1.12.229l-3.503 2.948l-1.674.543l-.703.815h-1.24l-.606 1.076l-.868.246l.811.126l.766-1.034l1.16.234l-.011 1.115l-.583 1.588l-.343 1.48l-.36.594l.914-.2l-.102-.617l.776-1.623l1.503-.605l.572-.972l.983-.72l1.937.292l1.96-.875l-.343 1.495h-.857l-.252 1.094l.743-.51l1.229-.536l1.097-1.531v-.738l.457.555l1.497.948l.857-.405l-.057-2.018l-.234-.788l1.114-.286z"/></g><defs><clipPath id="SVGHcSWxdhd78"><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(#SVGHcSWxdhd78)"><path fill="#3f4b80" d="M24 0H0v24h24z"/><path fill="#fff" d="m20 7.991l-.034-.542l-.16.451l-.886.789l-1.029.154l-.303-.286l.892-1.257l.92-.28l-.988.023l-1.44 1.057l-1.315-.097l-.051-.034l-1.892-.949l-1.12.229l-3.503 2.948l-1.674.543l-.703.815h-1.24l-.606 1.076l-.868.246l.811.126l.766-1.034l1.16.234l-.011 1.115l-.583 1.588l-.343 1.48l-.36.594l.914-.2l-.102-.617l.776-1.623l1.503-.605l.572-.972l.983-.72l1.937.292l1.96-.875l-.343 1.495h-.857l-.252 1.094l.743-.51l1.229-.536l1.097-1.531v-.738l.457.555l1.497.948l.857-.405l-.057-2.018l-.234-.788l1.114-.286z"/></g><defs><clipPath id="SVGHcSWxdhd78"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-poly-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(%23SVGHcSWxdhd78)%22%3E%3Cpath%20fill%3D%22%233f4b80%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m20%207.991l-.034-.542l-.16.451l-.886.789l-1.029.154l-.303-.286l.892-1.257l.92-.28l-.988.023l-1.44%201.057l-1.315-.097l-.051-.034l-1.892-.949l-1.12.229l-3.503%202.948l-1.674.543l-.703.815h-1.24l-.606%201.076l-.868.246l.811.126l.766-1.034l1.16.234l-.011%201.115l-.583%201.588l-.343%201.48l-.36.594l.914-.2l-.102-.617l.776-1.623l1.503-.605l.572-.972l.983-.72l1.937.292l1.96-.875l-.343%201.495h-.857l-.252%201.094l.743-.51l1.229-.536l1.097-1.531v-.738l.457.555l1.497.948l.857-.405l-.057-2.018l-.234-.788l1.114-.286z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd78%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(%23SVGHcSWxdhd78)%22%3E%3Cpath%20fill%3D%22%233f4b80%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m20%207.991l-.034-.542l-.16.451l-.886.789l-1.029.154l-.303-.286l.892-1.257l.92-.28l-.988.023l-1.44%201.057l-1.315-.097l-.051-.034l-1.892-.949l-1.12.229l-3.503%202.948l-1.674.543l-.703.815h-1.24l-.606%201.076l-.868.246l.811.126l.766-1.034l1.16.234l-.011%201.115l-.583%201.588l-.343%201.48l-.36.594l.914-.2l-.102-.617l.776-1.623l1.503-.605l.572-.972l.983-.72l1.937.292l1.96-.875l-.343%201.495h-.857l-.252%201.094l.743-.51l1.229-.536l1.097-1.531v-.738l.457.555l1.497.948l.857-.405l-.057-2.018l-.234-.788l1.114-.286z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd78%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/poly-background.svg?color=%231a73e8&size=48
