apefi logo
apefi-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- apefi-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 apefi 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(#SVGHcSWxdhd8)"><path fill="url(#SVGTQHOTYis)" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.337 19.942c.212-1.708.875-5.505 1.98-8.188c-.762.866-2.281 2.993-2.281 4.602c-.377-.673-1.2-2.357-1.426-3.736c-.282.861-.518 2.988.856 4.597l-.57 2.297l-3.425-2.01c.189-.287.57-.917.57-1.148c0-.287-.283-.574-.57-.287c.095-.673.57-2.3 1.713-3.449V9.458c0-.282.113-.917.57-1.148s1.331.48 1.712.861c-.188-.094-.687-.282-1.143-.282c-.457 0-.57.188-.57.282c.095.48.457 1.435 1.144 1.435c.682 0 1.426-.762 1.708-1.148c0-.315-.17-.931-.856-.86c.094-.095.343-.288.574-.288c.226 0 .856.188 1.138.287c.094-.094.283-.4.283-.861c0-.574-.283-1.148-.852-1.148c-.334 0-.668.292-.941.536c-.202.174-.367.325-.485.325c-.23 0-.668-.386-.856-.574C8.18 5.915 9.549 4 10.46 4c.65 0 1.3.932 1.897 1.788c.451.645.875 1.247 1.242 1.374c-.47.094-1.482.518-1.713 1.435c.287-.287 1.03-.861 1.713-.861c.856 0 2.851 1.148 2.851 2.01c0 .86.287 1.726 1.144 2.3c.447.301 1.247.617 1.934.857a9.56 9.56 0 0 1-4.216 5.693v-2.814c-.283.094-.97.861-1.426 3.157l-.104.424a9.4 9.4 0 0 1-4.446.579"/><path fill="#fff" d="M8.94 7.765c.095-.094.438-.315.664-.315c.23 0 .419.221.513.315zM7.61 7.45c-.23 0-.315.221-.315.315H8c0-.094-.165-.315-.391-.315m.626.786c-.226 0-.47-.118-.47-.212l.94-.023c0 .094-.244.235-.47.235"/></g><defs><linearGradient id="SVGTQHOTYis" x1="7.429" x2="16.443" y1="6.571" y2="18.337" gradientUnits="userSpaceOnUse"><stop stop-color="#eae3d2"/><stop offset=".24" stop-color="#cebc95"/><stop offset=".37" stop-color="#a99367"/><stop offset=".45" stop-color="#ae976a"/><stop offset=".53" stop-color="#b8a070"/><stop offset=".8" stop-color="#e7d9be"/><stop offset=".97" stop-color="#d7c6a1"/></linearGradient><clipPath id="SVGHcSWxdhd8"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedApefiBackground(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(#SVGHcSWxdhd8)"><path fill="url(#SVGTQHOTYis)" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.337 19.942c.212-1.708.875-5.505 1.98-8.188c-.762.866-2.281 2.993-2.281 4.602c-.377-.673-1.2-2.357-1.426-3.736c-.282.861-.518 2.988.856 4.597l-.57 2.297l-3.425-2.01c.189-.287.57-.917.57-1.148c0-.287-.283-.574-.57-.287c.095-.673.57-2.3 1.713-3.449V9.458c0-.282.113-.917.57-1.148s1.331.48 1.712.861c-.188-.094-.687-.282-1.143-.282c-.457 0-.57.188-.57.282c.095.48.457 1.435 1.144 1.435c.682 0 1.426-.762 1.708-1.148c0-.315-.17-.931-.856-.86c.094-.095.343-.288.574-.288c.226 0 .856.188 1.138.287c.094-.094.283-.4.283-.861c0-.574-.283-1.148-.852-1.148c-.334 0-.668.292-.941.536c-.202.174-.367.325-.485.325c-.23 0-.668-.386-.856-.574C8.18 5.915 9.549 4 10.46 4c.65 0 1.3.932 1.897 1.788c.451.645.875 1.247 1.242 1.374c-.47.094-1.482.518-1.713 1.435c.287-.287 1.03-.861 1.713-.861c.856 0 2.851 1.148 2.851 2.01c0 .86.287 1.726 1.144 2.3c.447.301 1.247.617 1.934.857a9.56 9.56 0 0 1-4.216 5.693v-2.814c-.283.094-.97.861-1.426 3.157l-.104.424a9.4 9.4 0 0 1-4.446.579"/><path fill="#fff" d="M8.94 7.765c.095-.094.438-.315.664-.315c.23 0 .419.221.513.315zM7.61 7.45c-.23 0-.315.221-.315.315H8c0-.094-.165-.315-.391-.315m.626.786c-.226 0-.47-.118-.47-.212l.94-.023c0 .094-.244.235-.47.235"/></g><defs><linearGradient id="SVGTQHOTYis" x1="7.429" x2="16.443" y1="6.571" y2="18.337" gradientUnits="userSpaceOnUse"><stop stopColor="#eae3d2"/><stop offset=".24" stopColor="#cebc95"/><stop offset=".37" stopColor="#a99367"/><stop offset=".45" stopColor="#ae976a"/><stop offset=".53" stopColor="#b8a070"/><stop offset=".8" stopColor="#e7d9be"/><stop offset=".97" stopColor="#d7c6a1"/></linearGradient><clipPath id="SVGHcSWxdhd8"><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(#SVGHcSWxdhd8)"><path fill="url(#SVGTQHOTYis)" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.337 19.942c.212-1.708.875-5.505 1.98-8.188c-.762.866-2.281 2.993-2.281 4.602c-.377-.673-1.2-2.357-1.426-3.736c-.282.861-.518 2.988.856 4.597l-.57 2.297l-3.425-2.01c.189-.287.57-.917.57-1.148c0-.287-.283-.574-.57-.287c.095-.673.57-2.3 1.713-3.449V9.458c0-.282.113-.917.57-1.148s1.331.48 1.712.861c-.188-.094-.687-.282-1.143-.282c-.457 0-.57.188-.57.282c.095.48.457 1.435 1.144 1.435c.682 0 1.426-.762 1.708-1.148c0-.315-.17-.931-.856-.86c.094-.095.343-.288.574-.288c.226 0 .856.188 1.138.287c.094-.094.283-.4.283-.861c0-.574-.283-1.148-.852-1.148c-.334 0-.668.292-.941.536c-.202.174-.367.325-.485.325c-.23 0-.668-.386-.856-.574C8.18 5.915 9.549 4 10.46 4c.65 0 1.3.932 1.897 1.788c.451.645.875 1.247 1.242 1.374c-.47.094-1.482.518-1.713 1.435c.287-.287 1.03-.861 1.713-.861c.856 0 2.851 1.148 2.851 2.01c0 .86.287 1.726 1.144 2.3c.447.301 1.247.617 1.934.857a9.56 9.56 0 0 1-4.216 5.693v-2.814c-.283.094-.97.861-1.426 3.157l-.104.424a9.4 9.4 0 0 1-4.446.579"/><path fill="#fff" d="M8.94 7.765c.095-.094.438-.315.664-.315c.23 0 .419.221.513.315zM7.61 7.45c-.23 0-.315.221-.315.315H8c0-.094-.165-.315-.391-.315m.626.786c-.226 0-.47-.118-.47-.212l.94-.023c0 .094-.244.235-.47.235"/></g><defs><linearGradient id="SVGTQHOTYis" x1="7.429" x2="16.443" y1="6.571" y2="18.337" gradientUnits="userSpaceOnUse"><stop stop-color="#eae3d2"/><stop offset=".24" stop-color="#cebc95"/><stop offset=".37" stop-color="#a99367"/><stop offset=".45" stop-color="#ae976a"/><stop offset=".53" stop-color="#b8a070"/><stop offset=".8" stop-color="#e7d9be"/><stop offset=".97" stop-color="#d7c6a1"/></linearGradient><clipPath id="SVGHcSWxdhd8"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-apefi-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(%23SVGHcSWxdhd8)%22%3E%3Cpath%20fill%3D%22url(%23SVGTQHOTYis)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.337%2019.942c.212-1.708.875-5.505%201.98-8.188c-.762.866-2.281%202.993-2.281%204.602c-.377-.673-1.2-2.357-1.426-3.736c-.282.861-.518%202.988.856%204.597l-.57%202.297l-3.425-2.01c.189-.287.57-.917.57-1.148c0-.287-.283-.574-.57-.287c.095-.673.57-2.3%201.713-3.449V9.458c0-.282.113-.917.57-1.148s1.331.48%201.712.861c-.188-.094-.687-.282-1.143-.282c-.457%200-.57.188-.57.282c.095.48.457%201.435%201.144%201.435c.682%200%201.426-.762%201.708-1.148c0-.315-.17-.931-.856-.86c.094-.095.343-.288.574-.288c.226%200%20.856.188%201.138.287c.094-.094.283-.4.283-.861c0-.574-.283-1.148-.852-1.148c-.334%200-.668.292-.941.536c-.202.174-.367.325-.485.325c-.23%200-.668-.386-.856-.574C8.18%205.915%209.549%204%2010.46%204c.65%200%201.3.932%201.897%201.788c.451.645.875%201.247%201.242%201.374c-.47.094-1.482.518-1.713%201.435c.287-.287%201.03-.861%201.713-.861c.856%200%202.851%201.148%202.851%202.01c0%20.86.287%201.726%201.144%202.3c.447.301%201.247.617%201.934.857a9.56%209.56%200%200%201-4.216%205.693v-2.814c-.283.094-.97.861-1.426%203.157l-.104.424a9.4%209.4%200%200%201-4.446.579%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.94%207.765c.095-.094.438-.315.664-.315c.23%200%20.419.221.513.315zM7.61%207.45c-.23%200-.315.221-.315.315H8c0-.094-.165-.315-.391-.315m.626.786c-.226%200-.47-.118-.47-.212l.94-.023c0%20.094-.244.235-.47.235%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGTQHOTYis%22%20x1%3D%227.429%22%20x2%3D%2216.443%22%20y1%3D%226.571%22%20y2%3D%2218.337%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eae3d2%22%2F%3E%3Cstop%20offset%3D%22.24%22%20stop-color%3D%22%23cebc95%22%2F%3E%3Cstop%20offset%3D%22.37%22%20stop-color%3D%22%23a99367%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23ae976a%22%2F%3E%3Cstop%20offset%3D%22.53%22%20stop-color%3D%22%23b8a070%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%23e7d9be%22%2F%3E%3Cstop%20offset%3D%22.97%22%20stop-color%3D%22%23d7c6a1%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd8%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(%23SVGHcSWxdhd8)%22%3E%3Cpath%20fill%3D%22url(%23SVGTQHOTYis)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.337%2019.942c.212-1.708.875-5.505%201.98-8.188c-.762.866-2.281%202.993-2.281%204.602c-.377-.673-1.2-2.357-1.426-3.736c-.282.861-.518%202.988.856%204.597l-.57%202.297l-3.425-2.01c.189-.287.57-.917.57-1.148c0-.287-.283-.574-.57-.287c.095-.673.57-2.3%201.713-3.449V9.458c0-.282.113-.917.57-1.148s1.331.48%201.712.861c-.188-.094-.687-.282-1.143-.282c-.457%200-.57.188-.57.282c.095.48.457%201.435%201.144%201.435c.682%200%201.426-.762%201.708-1.148c0-.315-.17-.931-.856-.86c.094-.095.343-.288.574-.288c.226%200%20.856.188%201.138.287c.094-.094.283-.4.283-.861c0-.574-.283-1.148-.852-1.148c-.334%200-.668.292-.941.536c-.202.174-.367.325-.485.325c-.23%200-.668-.386-.856-.574C8.18%205.915%209.549%204%2010.46%204c.65%200%201.3.932%201.897%201.788c.451.645.875%201.247%201.242%201.374c-.47.094-1.482.518-1.713%201.435c.287-.287%201.03-.861%201.713-.861c.856%200%202.851%201.148%202.851%202.01c0%20.86.287%201.726%201.144%202.3c.447.301%201.247.617%201.934.857a9.56%209.56%200%200%201-4.216%205.693v-2.814c-.283.094-.97.861-1.426%203.157l-.104.424a9.4%209.4%200%200%201-4.446.579%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.94%207.765c.095-.094.438-.315.664-.315c.23%200%20.419.221.513.315zM7.61%207.45c-.23%200-.315.221-.315.315H8c0-.094-.165-.315-.391-.315m.626.786c-.226%200-.47-.118-.47-.212l.94-.023c0%20.094-.244.235-.47.235%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGTQHOTYis%22%20x1%3D%227.429%22%20x2%3D%2216.443%22%20y1%3D%226.571%22%20y2%3D%2218.337%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23eae3d2%22%2F%3E%3Cstop%20offset%3D%22.24%22%20stop-color%3D%22%23cebc95%22%2F%3E%3Cstop%20offset%3D%22.37%22%20stop-color%3D%22%23a99367%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23ae976a%22%2F%3E%3Cstop%20offset%3D%22.53%22%20stop-color%3D%22%23b8a070%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%23e7d9be%22%2F%3E%3Cstop%20offset%3D%22.97%22%20stop-color%3D%22%23d7c6a1%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd8%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/apefi-background.svg?color=%231a73e8&size=48
