orderly logo
orderly-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- orderly-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 orderly 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(#SVGHcSWxdhd188)"><path fill="#5d00ba" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12.018 4h-.036a7.97 7.97 0 0 0-5.24 1.97a.14.14 0 0 0 .094.247h10.327c.13 0 .194-.16.095-.246A7.97 7.97 0 0 0 12.018 4m-3.38 10.045c.1 0 .192.05.25.133a3.8 3.8 0 0 0 3.11 1.62a3.8 3.8 0 0 0 3.113-1.62a.31.31 0 0 1 .25-.133h4.137c.12 0 .206.114.172.23a8.002 8.002 0 0 1-15.342 0a.178.178 0 0 1 .172-.23zm6.374-4.36a.39.39 0 0 0 .305.156h4.147a.178.178 0 0 0 .173-.231a8 8 0 0 0-1.473-2.71a.3.3 0 0 0-.221-.103H6.057a.3.3 0 0 0-.22.103a8 8 0 0 0-1.474 2.71a.18.18 0 0 0 .173.231h4.147c.12 0 .232-.059.305-.155A3.79 3.79 0 0 1 12.001 8.2c1.227 0 2.318.582 3.013 1.486zm.553 3.627a.114.114 0 0 0 .105.154v-.003h4.044a.18.18 0 0 0 .179-.149a8 8 0 0 0-.021-2.746a.18.18 0 0 0-.179-.147h-4.068c-.08 0-.132.084-.102.158c.178.439.275.962.275 1.422s-.082.901-.233 1.311m-7.235.154c.08 0 .133-.08.105-.154v.002a3.6 3.6 0 0 1-.233-1.31c0-.505.099-.984.275-1.423c.03-.076-.023-.158-.102-.158H4.307a.18.18 0 0 0-.179.147A8.4 8.4 0 0 0 4 12.001q0 .673.107 1.315a.18.18 0 0 0 .179.15z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd188"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedOrderlyBackground(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(#SVGHcSWxdhd188)"><path fill="#5d00ba" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M12.018 4h-.036a7.97 7.97 0 0 0-5.24 1.97a.14.14 0 0 0 .094.247h10.327c.13 0 .194-.16.095-.246A7.97 7.97 0 0 0 12.018 4m-3.38 10.045c.1 0 .192.05.25.133a3.8 3.8 0 0 0 3.11 1.62a3.8 3.8 0 0 0 3.113-1.62a.31.31 0 0 1 .25-.133h4.137c.12 0 .206.114.172.23a8.002 8.002 0 0 1-15.342 0a.178.178 0 0 1 .172-.23zm6.374-4.36a.39.39 0 0 0 .305.156h4.147a.178.178 0 0 0 .173-.231a8 8 0 0 0-1.473-2.71a.3.3 0 0 0-.221-.103H6.057a.3.3 0 0 0-.22.103a8 8 0 0 0-1.474 2.71a.18.18 0 0 0 .173.231h4.147c.12 0 .232-.059.305-.155A3.79 3.79 0 0 1 12.001 8.2c1.227 0 2.318.582 3.013 1.486zm.553 3.627a.114.114 0 0 0 .105.154v-.003h4.044a.18.18 0 0 0 .179-.149a8 8 0 0 0-.021-2.746a.18.18 0 0 0-.179-.147h-4.068c-.08 0-.132.084-.102.158c.178.439.275.962.275 1.422s-.082.901-.233 1.311m-7.235.154c.08 0 .133-.08.105-.154v.002a3.6 3.6 0 0 1-.233-1.31c0-.505.099-.984.275-1.423c.03-.076-.023-.158-.102-.158H4.307a.18.18 0 0 0-.179.147A8.4 8.4 0 0 0 4 12.001q0 .673.107 1.315a.18.18 0 0 0 .179.15z" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd188"><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(#SVGHcSWxdhd188)"><path fill="#5d00ba" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12.018 4h-.036a7.97 7.97 0 0 0-5.24 1.97a.14.14 0 0 0 .094.247h10.327c.13 0 .194-.16.095-.246A7.97 7.97 0 0 0 12.018 4m-3.38 10.045c.1 0 .192.05.25.133a3.8 3.8 0 0 0 3.11 1.62a3.8 3.8 0 0 0 3.113-1.62a.31.31 0 0 1 .25-.133h4.137c.12 0 .206.114.172.23a8.002 8.002 0 0 1-15.342 0a.178.178 0 0 1 .172-.23zm6.374-4.36a.39.39 0 0 0 .305.156h4.147a.178.178 0 0 0 .173-.231a8 8 0 0 0-1.473-2.71a.3.3 0 0 0-.221-.103H6.057a.3.3 0 0 0-.22.103a8 8 0 0 0-1.474 2.71a.18.18 0 0 0 .173.231h4.147c.12 0 .232-.059.305-.155A3.79 3.79 0 0 1 12.001 8.2c1.227 0 2.318.582 3.013 1.486zm.553 3.627a.114.114 0 0 0 .105.154v-.003h4.044a.18.18 0 0 0 .179-.149a8 8 0 0 0-.021-2.746a.18.18 0 0 0-.179-.147h-4.068c-.08 0-.132.084-.102.158c.178.439.275.962.275 1.422s-.082.901-.233 1.311m-7.235.154c.08 0 .133-.08.105-.154v.002a3.6 3.6 0 0 1-.233-1.31c0-.505.099-.984.275-1.423c.03-.076-.023-.158-.102-.158H4.307a.18.18 0 0 0-.179.147A8.4 8.4 0 0 0 4 12.001q0 .673.107 1.315a.18.18 0 0 0 .179.15z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd188"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-orderly-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(%23SVGHcSWxdhd188)%22%3E%3Cpath%20fill%3D%22%235d00ba%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.018%204h-.036a7.97%207.97%200%200%200-5.24%201.97a.14.14%200%200%200%20.094.247h10.327c.13%200%20.194-.16.095-.246A7.97%207.97%200%200%200%2012.018%204m-3.38%2010.045c.1%200%20.192.05.25.133a3.8%203.8%200%200%200%203.11%201.62a3.8%203.8%200%200%200%203.113-1.62a.31.31%200%200%201%20.25-.133h4.137c.12%200%20.206.114.172.23a8.002%208.002%200%200%201-15.342%200a.178.178%200%200%201%20.172-.23zm6.374-4.36a.39.39%200%200%200%20.305.156h4.147a.178.178%200%200%200%20.173-.231a8%208%200%200%200-1.473-2.71a.3.3%200%200%200-.221-.103H6.057a.3.3%200%200%200-.22.103a8%208%200%200%200-1.474%202.71a.18.18%200%200%200%20.173.231h4.147c.12%200%20.232-.059.305-.155A3.79%203.79%200%200%201%2012.001%208.2c1.227%200%202.318.582%203.013%201.486zm.553%203.627a.114.114%200%200%200%20.105.154v-.003h4.044a.18.18%200%200%200%20.179-.149a8%208%200%200%200-.021-2.746a.18.18%200%200%200-.179-.147h-4.068c-.08%200-.132.084-.102.158c.178.439.275.962.275%201.422s-.082.901-.233%201.311m-7.235.154c.08%200%20.133-.08.105-.154v.002a3.6%203.6%200%200%201-.233-1.31c0-.505.099-.984.275-1.423c.03-.076-.023-.158-.102-.158H4.307a.18.18%200%200%200-.179.147A8.4%208.4%200%200%200%204%2012.001q0%20.673.107%201.315a.18.18%200%200%200%20.179.15z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd188%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(%23SVGHcSWxdhd188)%22%3E%3Cpath%20fill%3D%22%235d00ba%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.018%204h-.036a7.97%207.97%200%200%200-5.24%201.97a.14.14%200%200%200%20.094.247h10.327c.13%200%20.194-.16.095-.246A7.97%207.97%200%200%200%2012.018%204m-3.38%2010.045c.1%200%20.192.05.25.133a3.8%203.8%200%200%200%203.11%201.62a3.8%203.8%200%200%200%203.113-1.62a.31.31%200%200%201%20.25-.133h4.137c.12%200%20.206.114.172.23a8.002%208.002%200%200%201-15.342%200a.178.178%200%200%201%20.172-.23zm6.374-4.36a.39.39%200%200%200%20.305.156h4.147a.178.178%200%200%200%20.173-.231a8%208%200%200%200-1.473-2.71a.3.3%200%200%200-.221-.103H6.057a.3.3%200%200%200-.22.103a8%208%200%200%200-1.474%202.71a.18.18%200%200%200%20.173.231h4.147c.12%200%20.232-.059.305-.155A3.79%203.79%200%200%201%2012.001%208.2c1.227%200%202.318.582%203.013%201.486zm.553%203.627a.114.114%200%200%200%20.105.154v-.003h4.044a.18.18%200%200%200%20.179-.149a8%208%200%200%200-.021-2.746a.18.18%200%200%200-.179-.147h-4.068c-.08%200-.132.084-.102.158c.178.439.275.962.275%201.422s-.082.901-.233%201.311m-7.235.154c.08%200%20.133-.08.105-.154v.002a3.6%203.6%200%200%201-.233-1.31c0-.505.099-.984.275-1.423c.03-.076-.023-.158-.102-.158H4.307a.18.18%200%200%200-.179.147A8.4%208.4%200%200%200%204%2012.001q0%20.673.107%201.315a.18.18%200%200%200%20.179.15z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd188%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/orderly-background.svg?color=%231a73e8&size=48
