avax logo
avax-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- avax-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 avax 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(#SVGHcSWxdhd124)"><path fill="#e84142" d="M24 0H0v24h24z"/><path fill="#fff" d="M8.015 19h-2.69c-.565 0-.845 0-1.015-.105a.67.67 0 0 1-.31-.53c-.01-.2.13-.44.41-.925L11.05 5.9c.285-.49.43-.735.61-.825c.19-.1.425-.1.62 0c.18.09.32.335.6.825l1.37 2.35l.005.01q.338.502.53 1.075c.075.3.075.625 0 .93c-.126.384-.304.75-.53 1.085l-3.49 6.08l-.01.02a4.4 4.4 0 0 1-.68 1a2.1 2.1 0 0 1-.825.475C8.965 19 8.65 19 8.015 19m6.795 0h3.85c.575 0 .86 0 1.03-.11c.185-.12.3-.315.31-.53c.01-.195-.126-.425-.395-.88l-.03-.05l-1.93-3.25l-.02-.04c-.27-.45-.41-.68-.585-.77a.67.67 0 0 0-.615 0c-.18.09-.32.33-.6.81l-1.93 3.255v.01c-.285.48-.425.72-.415.915c.01.215.125.415.31.535c.165.105.45.105 1.02.105"/></g><defs><clipPath id="SVGHcSWxdhd124"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedAvaxBackground(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(#SVGHcSWxdhd124)"><path fill="#e84142" d="M24 0H0v24h24z"/><path fill="#fff" d="M8.015 19h-2.69c-.565 0-.845 0-1.015-.105a.67.67 0 0 1-.31-.53c-.01-.2.13-.44.41-.925L11.05 5.9c.285-.49.43-.735.61-.825c.19-.1.425-.1.62 0c.18.09.32.335.6.825l1.37 2.35l.005.01q.338.502.53 1.075c.075.3.075.625 0 .93c-.126.384-.304.75-.53 1.085l-3.49 6.08l-.01.02a4.4 4.4 0 0 1-.68 1a2.1 2.1 0 0 1-.825.475C8.965 19 8.65 19 8.015 19m6.795 0h3.85c.575 0 .86 0 1.03-.11c.185-.12.3-.315.31-.53c.01-.195-.126-.425-.395-.88l-.03-.05l-1.93-3.25l-.02-.04c-.27-.45-.41-.68-.585-.77a.67.67 0 0 0-.615 0c-.18.09-.32.33-.6.81l-1.93 3.255v.01c-.285.48-.425.72-.415.915c.01.215.125.415.31.535c.165.105.45.105 1.02.105"/></g><defs><clipPath id="SVGHcSWxdhd124"><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(#SVGHcSWxdhd124)"><path fill="#e84142" d="M24 0H0v24h24z"/><path fill="#fff" d="M8.015 19h-2.69c-.565 0-.845 0-1.015-.105a.67.67 0 0 1-.31-.53c-.01-.2.13-.44.41-.925L11.05 5.9c.285-.49.43-.735.61-.825c.19-.1.425-.1.62 0c.18.09.32.335.6.825l1.37 2.35l.005.01q.338.502.53 1.075c.075.3.075.625 0 .93c-.126.384-.304.75-.53 1.085l-3.49 6.08l-.01.02a4.4 4.4 0 0 1-.68 1a2.1 2.1 0 0 1-.825.475C8.965 19 8.65 19 8.015 19m6.795 0h3.85c.575 0 .86 0 1.03-.11c.185-.12.3-.315.31-.53c.01-.195-.126-.425-.395-.88l-.03-.05l-1.93-3.25l-.02-.04c-.27-.45-.41-.68-.585-.77a.67.67 0 0 0-.615 0c-.18.09-.32.33-.6.81l-1.93 3.255v.01c-.285.48-.425.72-.415.915c.01.215.125.415.31.535c.165.105.45.105 1.02.105"/></g><defs><clipPath id="SVGHcSWxdhd124"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-avax-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(%23SVGHcSWxdhd124)%22%3E%3Cpath%20fill%3D%22%23e84142%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.015%2019h-2.69c-.565%200-.845%200-1.015-.105a.67.67%200%200%201-.31-.53c-.01-.2.13-.44.41-.925L11.05%205.9c.285-.49.43-.735.61-.825c.19-.1.425-.1.62%200c.18.09.32.335.6.825l1.37%202.35l.005.01q.338.502.53%201.075c.075.3.075.625%200%20.93c-.126.384-.304.75-.53%201.085l-3.49%206.08l-.01.02a4.4%204.4%200%200%201-.68%201a2.1%202.1%200%200%201-.825.475C8.965%2019%208.65%2019%208.015%2019m6.795%200h3.85c.575%200%20.86%200%201.03-.11c.185-.12.3-.315.31-.53c.01-.195-.126-.425-.395-.88l-.03-.05l-1.93-3.25l-.02-.04c-.27-.45-.41-.68-.585-.77a.67.67%200%200%200-.615%200c-.18.09-.32.33-.6.81l-1.93%203.255v.01c-.285.48-.425.72-.415.915c.01.215.125.415.31.535c.165.105.45.105%201.02.105%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd124%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(%23SVGHcSWxdhd124)%22%3E%3Cpath%20fill%3D%22%23e84142%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.015%2019h-2.69c-.565%200-.845%200-1.015-.105a.67.67%200%200%201-.31-.53c-.01-.2.13-.44.41-.925L11.05%205.9c.285-.49.43-.735.61-.825c.19-.1.425-.1.62%200c.18.09.32.335.6.825l1.37%202.35l.005.01q.338.502.53%201.075c.075.3.075.625%200%20.93c-.126.384-.304.75-.53%201.085l-3.49%206.08l-.01.02a4.4%204.4%200%200%201-.68%201a2.1%202.1%200%200%201-.825.475C8.965%2019%208.65%2019%208.015%2019m6.795%200h3.85c.575%200%20.86%200%201.03-.11c.185-.12.3-.315.31-.53c.01-.195-.126-.425-.395-.88l-.03-.05l-1.93-3.25l-.02-.04c-.27-.45-.41-.68-.585-.77a.67.67%200%200%200-.615%200c-.18.09-.32.33-.6.81l-1.93%203.255v.01c-.285.48-.425.72-.415.915c.01.215.125.415.31.535c.165.105.45.105%201.02.105%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd124%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/avax-background.svg?color=%231a73e8&size=48
