mav logo
mav from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- mav
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the mav logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGb25sIdga)" d="M14.574 10.264v-.005c-.127.37-.43 1.297-.673 2.065c-.736 2.165-1.583 2.853-1.9 2.853c-.344 0-1.154-.688-1.906-2.858l-.434-1.366l-1.033-3.156a.5.5 0 0 1 .18-.031c.599 0 1.15.974 1.885 2.265l.355.625l.212.397c.29.556.518.932.74.948c.223-.016.45-.392.742-.953l.212-.392l.354-.625c.736-1.291 1.287-2.265 1.885-2.265q.097 0 .185.031zm.217.742c.217.773.47 1.773.518 2.35c.054.514.106 1.017.16 1.387c.036.27.264.466.54.466h1.593a.22.22 0 0 0 .222-.249c-.318-2.16-1.07-5.823-2.065-6.893l-.968 2.944zm-8.614 3.96c.318-2.166 1.075-5.834 2.075-6.899L9.211 11c-.212.779-.472 1.78-.52 2.361a40 40 0 0 1-.158 1.387a.54.54 0 0 1-.54.466H6.4a.22.22 0 0 1-.17-.072a.22.22 0 0 1-.053-.176"/><path fill="url(#SVGqh8dHcFB)" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-.53a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94" clip-rule="evenodd"/><defs><linearGradient id="SVGb25sIdga" x1="8.368" x2="12.519" y1="8.726" y2="16.243" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d3606c"/><stop offset=".69" stop-color="#5b7cfd"/></linearGradient><linearGradient id="SVGqh8dHcFB" x1="6.388" x2="18.114" y1="5.321" y2="18.898" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d3606c"/><stop offset=".69" stop-color="#5b7cfd"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMav(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"><path fill="url(#SVGb25sIdga)" d="M14.574 10.264v-.005c-.127.37-.43 1.297-.673 2.065c-.736 2.165-1.583 2.853-1.9 2.853c-.344 0-1.154-.688-1.906-2.858l-.434-1.366l-1.033-3.156a.5.5 0 0 1 .18-.031c.599 0 1.15.974 1.885 2.265l.355.625l.212.397c.29.556.518.932.74.948c.223-.016.45-.392.742-.953l.212-.392l.354-.625c.736-1.291 1.287-2.265 1.885-2.265q.097 0 .185.031zm.217.742c.217.773.47 1.773.518 2.35c.054.514.106 1.017.16 1.387c.036.27.264.466.54.466h1.593a.22.22 0 0 0 .222-.249c-.318-2.16-1.07-5.823-2.065-6.893l-.968 2.944zm-8.614 3.96c.318-2.166 1.075-5.834 2.075-6.899L9.211 11c-.212.779-.472 1.78-.52 2.361a40 40 0 0 1-.158 1.387a.54.54 0 0 1-.54.466H6.4a.22.22 0 0 1-.17-.072a.22.22 0 0 1-.053-.176"/><path fill="url(#SVGqh8dHcFB)" fillRule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-.53a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94" clipRule="evenodd"/><defs><linearGradient id="SVGb25sIdga" x1="8.368" x2="12.519" y1="8.726" y2="16.243" gradientUnits="userSpaceOnUse"><stop offset=".03" stopColor="#d3606c"/><stop offset=".69" stopColor="#5b7cfd"/></linearGradient><linearGradient id="SVGqh8dHcFB" x1="6.388" x2="18.114" y1="5.321" y2="18.898" gradientUnits="userSpaceOnUse"><stop offset=".03" stopColor="#d3606c"/><stop offset=".69" stopColor="#5b7cfd"/></linearGradient></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"><path fill="url(#SVGb25sIdga)" d="M14.574 10.264v-.005c-.127.37-.43 1.297-.673 2.065c-.736 2.165-1.583 2.853-1.9 2.853c-.344 0-1.154-.688-1.906-2.858l-.434-1.366l-1.033-3.156a.5.5 0 0 1 .18-.031c.599 0 1.15.974 1.885 2.265l.355.625l.212.397c.29.556.518.932.74.948c.223-.016.45-.392.742-.953l.212-.392l.354-.625c.736-1.291 1.287-2.265 1.885-2.265q.097 0 .185.031zm.217.742c.217.773.47 1.773.518 2.35c.054.514.106 1.017.16 1.387c.036.27.264.466.54.466h1.593a.22.22 0 0 0 .222-.249c-.318-2.16-1.07-5.823-2.065-6.893l-.968 2.944zm-8.614 3.96c.318-2.166 1.075-5.834 2.075-6.899L9.211 11c-.212.779-.472 1.78-.52 2.361a40 40 0 0 1-.158 1.387a.54.54 0 0 1-.54.466H6.4a.22.22 0 0 1-.17-.072a.22.22 0 0 1-.053-.176"/><path fill="url(#SVGqh8dHcFB)" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-.53a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94" clip-rule="evenodd"/><defs><linearGradient id="SVGb25sIdga" x1="8.368" x2="12.519" y1="8.726" y2="16.243" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d3606c"/><stop offset=".69" stop-color="#5b7cfd"/></linearGradient><linearGradient id="SVGqh8dHcFB" x1="6.388" x2="18.114" y1="5.321" y2="18.898" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d3606c"/><stop offset=".69" stop-color="#5b7cfd"/></linearGradient></defs></g></svg> </template>
CSS
.icon-mav {
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%3Cpath%20fill%3D%22url(%23SVGb25sIdga)%22%20d%3D%22M14.574%2010.264v-.005c-.127.37-.43%201.297-.673%202.065c-.736%202.165-1.583%202.853-1.9%202.853c-.344%200-1.154-.688-1.906-2.858l-.434-1.366l-1.033-3.156a.5.5%200%200%201%20.18-.031c.599%200%201.15.974%201.885%202.265l.355.625l.212.397c.29.556.518.932.74.948c.223-.016.45-.392.742-.953l.212-.392l.354-.625c.736-1.291%201.287-2.265%201.885-2.265q.097%200%20.185.031zm.217.742c.217.773.47%201.773.518%202.35c.054.514.106%201.017.16%201.387c.036.27.264.466.54.466h1.593a.22.22%200%200%200%20.222-.249c-.318-2.16-1.07-5.823-2.065-6.893l-.968%202.944zm-8.614%203.96c.318-2.166%201.075-5.834%202.075-6.899L9.211%2011c-.212.779-.472%201.78-.52%202.361a40%2040%200%200%201-.158%201.387a.54.54%200%200%201-.54.466H6.4a.22.22%200%200%201-.17-.072a.22.22%200%200%201-.053-.176%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGqh8dHcFB)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018m0-.53a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGb25sIdga%22%20x1%3D%228.368%22%20x2%3D%2212.519%22%20y1%3D%228.726%22%20y2%3D%2216.243%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.03%22%20stop-color%3D%22%23d3606c%22%2F%3E%3Cstop%20offset%3D%22.69%22%20stop-color%3D%22%235b7cfd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGqh8dHcFB%22%20x1%3D%226.388%22%20x2%3D%2218.114%22%20y1%3D%225.321%22%20y2%3D%2218.898%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.03%22%20stop-color%3D%22%23d3606c%22%2F%3E%3Cstop%20offset%3D%22.69%22%20stop-color%3D%22%235b7cfd%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGb25sIdga)%22%20d%3D%22M14.574%2010.264v-.005c-.127.37-.43%201.297-.673%202.065c-.736%202.165-1.583%202.853-1.9%202.853c-.344%200-1.154-.688-1.906-2.858l-.434-1.366l-1.033-3.156a.5.5%200%200%201%20.18-.031c.599%200%201.15.974%201.885%202.265l.355.625l.212.397c.29.556.518.932.74.948c.223-.016.45-.392.742-.953l.212-.392l.354-.625c.736-1.291%201.287-2.265%201.885-2.265q.097%200%20.185.031zm.217.742c.217.773.47%201.773.518%202.35c.054.514.106%201.017.16%201.387c.036.27.264.466.54.466h1.593a.22.22%200%200%200%20.222-.249c-.318-2.16-1.07-5.823-2.065-6.893l-.968%202.944zm-8.614%203.96c.318-2.166%201.075-5.834%202.075-6.899L9.211%2011c-.212.779-.472%201.78-.52%202.361a40%2040%200%200%201-.158%201.387a.54.54%200%200%201-.54.466H6.4a.22.22%200%200%201-.17-.072a.22.22%200%200%201-.053-.176%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGqh8dHcFB)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018m0-.53a8.47%208.47%200%201%200%200-16.94a8.47%208.47%200%200%200%200%2016.94%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGb25sIdga%22%20x1%3D%228.368%22%20x2%3D%2212.519%22%20y1%3D%228.726%22%20y2%3D%2216.243%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.03%22%20stop-color%3D%22%23d3606c%22%2F%3E%3Cstop%20offset%3D%22.69%22%20stop-color%3D%22%235b7cfd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGqh8dHcFB%22%20x1%3D%226.388%22%20x2%3D%2218.114%22%20y1%3D%225.321%22%20y2%3D%2218.898%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.03%22%20stop-color%3D%22%23d3606c%22%2F%3E%3Cstop%20offset%3D%22.69%22%20stop-color%3D%22%235b7cfd%22%2F%3E%3C%2FlinearGradient%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/mav.svg?color=%231a73e8&size=48
