apl logo
apl-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- apl-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 apl 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(#SVGHcSWxdhd111)"><path fill="url(#SVG6ZWXHXIt)" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.347 4.015c-.138.014-.205.049-.237.118c-.047.101-.008.186.796 1.813c.211.423.395.817.41.874a.8.8 0 0 1-.003.414c-.014.06-.184.429-.377.821c-.484.984-.715 1.46-2.66 5.476L4.95 18.334c-.385.792-.63 1.317-.643 1.377c-.026.121 0 .187.095.242c.062.036.094.038 1.086.043c1.203.006 1.424-.005 1.582-.08c.215-.099.259-.164.604-.874c.17-.352.533-1.095.805-1.652s.966-1.991 1.544-3.184c1.189-2.455 1.893-3.898 1.915-3.92c.055-.056.537.923 4.124 8.358c.271.564.525 1.066.561 1.115a.7.7 0 0 0 .138.138c.147.103.148.103 1.375.103c1.006 0 1.154-.004 1.346-.035a3 3 0 0 0 .223-.04a3 3 0 0 0-.1-.274c-.115-.29-.209-.483-2.952-6.13Q14.76 9.637 12.88 5.746c-.717-1.487-.7-1.454-.832-1.576c-.19-.175-.148-.17-1.456-.17c-.615 0-1.176.007-1.244.015"/></g><defs><linearGradient id="SVG6ZWXHXIt" x1="7.048" x2="18.343" y1="4.857" y2="21.033" gradientUnits="userSpaceOnUse"><stop stop-color="#5e9ff9"/><stop offset="1" stop-color="#0050f9"/></linearGradient><clipPath id="SVGHcSWxdhd111"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedAplBackground(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(#SVGHcSWxdhd111)"><path fill="url(#SVG6ZWXHXIt)" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.347 4.015c-.138.014-.205.049-.237.118c-.047.101-.008.186.796 1.813c.211.423.395.817.41.874a.8.8 0 0 1-.003.414c-.014.06-.184.429-.377.821c-.484.984-.715 1.46-2.66 5.476L4.95 18.334c-.385.792-.63 1.317-.643 1.377c-.026.121 0 .187.095.242c.062.036.094.038 1.086.043c1.203.006 1.424-.005 1.582-.08c.215-.099.259-.164.604-.874c.17-.352.533-1.095.805-1.652s.966-1.991 1.544-3.184c1.189-2.455 1.893-3.898 1.915-3.92c.055-.056.537.923 4.124 8.358c.271.564.525 1.066.561 1.115a.7.7 0 0 0 .138.138c.147.103.148.103 1.375.103c1.006 0 1.154-.004 1.346-.035a3 3 0 0 0 .223-.04a3 3 0 0 0-.1-.274c-.115-.29-.209-.483-2.952-6.13Q14.76 9.637 12.88 5.746c-.717-1.487-.7-1.454-.832-1.576c-.19-.175-.148-.17-1.456-.17c-.615 0-1.176.007-1.244.015"/></g><defs><linearGradient id="SVG6ZWXHXIt" x1="7.048" x2="18.343" y1="4.857" y2="21.033" gradientUnits="userSpaceOnUse"><stop stopColor="#5e9ff9"/><stop offset="1" stopColor="#0050f9"/></linearGradient><clipPath id="SVGHcSWxdhd111"><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(#SVGHcSWxdhd111)"><path fill="url(#SVG6ZWXHXIt)" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.347 4.015c-.138.014-.205.049-.237.118c-.047.101-.008.186.796 1.813c.211.423.395.817.41.874a.8.8 0 0 1-.003.414c-.014.06-.184.429-.377.821c-.484.984-.715 1.46-2.66 5.476L4.95 18.334c-.385.792-.63 1.317-.643 1.377c-.026.121 0 .187.095.242c.062.036.094.038 1.086.043c1.203.006 1.424-.005 1.582-.08c.215-.099.259-.164.604-.874c.17-.352.533-1.095.805-1.652s.966-1.991 1.544-3.184c1.189-2.455 1.893-3.898 1.915-3.92c.055-.056.537.923 4.124 8.358c.271.564.525 1.066.561 1.115a.7.7 0 0 0 .138.138c.147.103.148.103 1.375.103c1.006 0 1.154-.004 1.346-.035a3 3 0 0 0 .223-.04a3 3 0 0 0-.1-.274c-.115-.29-.209-.483-2.952-6.13Q14.76 9.637 12.88 5.746c-.717-1.487-.7-1.454-.832-1.576c-.19-.175-.148-.17-1.456-.17c-.615 0-1.176.007-1.244.015"/></g><defs><linearGradient id="SVG6ZWXHXIt" x1="7.048" x2="18.343" y1="4.857" y2="21.033" gradientUnits="userSpaceOnUse"><stop stop-color="#5e9ff9"/><stop offset="1" stop-color="#0050f9"/></linearGradient><clipPath id="SVGHcSWxdhd111"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-apl-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(%23SVGHcSWxdhd111)%22%3E%3Cpath%20fill%3D%22url(%23SVG6ZWXHXIt)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.347%204.015c-.138.014-.205.049-.237.118c-.047.101-.008.186.796%201.813c.211.423.395.817.41.874a.8.8%200%200%201-.003.414c-.014.06-.184.429-.377.821c-.484.984-.715%201.46-2.66%205.476L4.95%2018.334c-.385.792-.63%201.317-.643%201.377c-.026.121%200%20.187.095.242c.062.036.094.038%201.086.043c1.203.006%201.424-.005%201.582-.08c.215-.099.259-.164.604-.874c.17-.352.533-1.095.805-1.652s.966-1.991%201.544-3.184c1.189-2.455%201.893-3.898%201.915-3.92c.055-.056.537.923%204.124%208.358c.271.564.525%201.066.561%201.115a.7.7%200%200%200%20.138.138c.147.103.148.103%201.375.103c1.006%200%201.154-.004%201.346-.035a3%203%200%200%200%20.223-.04a3%203%200%200%200-.1-.274c-.115-.29-.209-.483-2.952-6.13Q14.76%209.637%2012.88%205.746c-.717-1.487-.7-1.454-.832-1.576c-.19-.175-.148-.17-1.456-.17c-.615%200-1.176.007-1.244.015%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6ZWXHXIt%22%20x1%3D%227.048%22%20x2%3D%2218.343%22%20y1%3D%224.857%22%20y2%3D%2221.033%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235e9ff9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230050f9%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd111%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(%23SVGHcSWxdhd111)%22%3E%3Cpath%20fill%3D%22url(%23SVG6ZWXHXIt)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.347%204.015c-.138.014-.205.049-.237.118c-.047.101-.008.186.796%201.813c.211.423.395.817.41.874a.8.8%200%200%201-.003.414c-.014.06-.184.429-.377.821c-.484.984-.715%201.46-2.66%205.476L4.95%2018.334c-.385.792-.63%201.317-.643%201.377c-.026.121%200%20.187.095.242c.062.036.094.038%201.086.043c1.203.006%201.424-.005%201.582-.08c.215-.099.259-.164.604-.874c.17-.352.533-1.095.805-1.652s.966-1.991%201.544-3.184c1.189-2.455%201.893-3.898%201.915-3.92c.055-.056.537.923%204.124%208.358c.271.564.525%201.066.561%201.115a.7.7%200%200%200%20.138.138c.147.103.148.103%201.375.103c1.006%200%201.154-.004%201.346-.035a3%203%200%200%200%20.223-.04a3%203%200%200%200-.1-.274c-.115-.29-.209-.483-2.952-6.13Q14.76%209.637%2012.88%205.746c-.717-1.487-.7-1.454-.832-1.576c-.19-.175-.148-.17-1.456-.17c-.615%200-1.176.007-1.244.015%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG6ZWXHXIt%22%20x1%3D%227.048%22%20x2%3D%2218.343%22%20y1%3D%224.857%22%20y2%3D%2221.033%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235e9ff9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230050f9%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd111%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/apl-background.svg?color=%231a73e8&size=48
