mean logo

mean from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: mean
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 mean 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(#SVGNwAMZdhU)" fill-rule="evenodd" d="M20.438 3L12 5.25L3.563 3C3.563 4.901 3 6.937 3 6.937l3.589 9.833l5.41 4.23l5.412-4.23L21 6.937c-.056 0-.562-2.036-.562-3.937M12 6.937L5.25 5.25c0 1.66-.371 2.12-.371 2.12l3.183 8.286l1.688 1.406L6.937 7.5l3.375 1.125l1.125 8.719L12 18.75l.563-1.406l1.124-8.719L17.063 7.5l-2.813 9.563l1.687-1.407l3.184-8.285s-.371-.71-.371-2.121z" clip-rule="evenodd"/><defs><linearGradient id="SVGNwAMZdhU" x1="12" x2="12" y1="3.563" y2="20.437" gradientUnits="userSpaceOnUse"><stop stop-color="#f40315"/><stop offset="1" stop-color="#b8091c"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedMean(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(#SVGNwAMZdhU)" fillRule="evenodd" d="M20.438 3L12 5.25L3.563 3C3.563 4.901 3 6.937 3 6.937l3.589 9.833l5.41 4.23l5.412-4.23L21 6.937c-.056 0-.562-2.036-.562-3.937M12 6.937L5.25 5.25c0 1.66-.371 2.12-.371 2.12l3.183 8.286l1.688 1.406L6.937 7.5l3.375 1.125l1.125 8.719L12 18.75l.563-1.406l1.124-8.719L17.063 7.5l-2.813 9.563l1.687-1.407l3.184-8.285s-.371-.71-.371-2.121z" clipRule="evenodd"/><defs><linearGradient id="SVGNwAMZdhU" x1="12" x2="12" y1="3.563" y2="20.437" gradientUnits="userSpaceOnUse"><stop stopColor="#f40315"/><stop offset="1" stopColor="#b8091c"/></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(#SVGNwAMZdhU)" fill-rule="evenodd" d="M20.438 3L12 5.25L3.563 3C3.563 4.901 3 6.937 3 6.937l3.589 9.833l5.41 4.23l5.412-4.23L21 6.937c-.056 0-.562-2.036-.562-3.937M12 6.937L5.25 5.25c0 1.66-.371 2.12-.371 2.12l3.183 8.286l1.688 1.406L6.937 7.5l3.375 1.125l1.125 8.719L12 18.75l.563-1.406l1.124-8.719L17.063 7.5l-2.813 9.563l1.687-1.407l3.184-8.285s-.371-.71-.371-2.121z" clip-rule="evenodd"/><defs><linearGradient id="SVGNwAMZdhU" x1="12" x2="12" y1="3.563" y2="20.437" gradientUnits="userSpaceOnUse"><stop stop-color="#f40315"/><stop offset="1" stop-color="#b8091c"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-mean {
  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(%23SVGNwAMZdhU)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.438%203L12%205.25L3.563%203C3.563%204.901%203%206.937%203%206.937l3.589%209.833l5.41%204.23l5.412-4.23L21%206.937c-.056%200-.562-2.036-.562-3.937M12%206.937L5.25%205.25c0%201.66-.371%202.12-.371%202.12l3.183%208.286l1.688%201.406L6.937%207.5l3.375%201.125l1.125%208.719L12%2018.75l.563-1.406l1.124-8.719L17.063%207.5l-2.813%209.563l1.687-1.407l3.184-8.285s-.371-.71-.371-2.121z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGNwAMZdhU%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.563%22%20y2%3D%2220.437%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f40315%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b8091c%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(%23SVGNwAMZdhU)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20.438%203L12%205.25L3.563%203C3.563%204.901%203%206.937%203%206.937l3.589%209.833l5.41%204.23l5.412-4.23L21%206.937c-.056%200-.562-2.036-.562-3.937M12%206.937L5.25%205.25c0%201.66-.371%202.12-.371%202.12l3.183%208.286l1.688%201.406L6.937%207.5l3.375%201.125l1.125%208.719L12%2018.75l.563-1.406l1.124-8.719L17.063%207.5l-2.813%209.563l1.687-1.407l3.184-8.285s-.371-.71-.371-2.121z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGNwAMZdhU%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%223.563%22%20y2%3D%2220.437%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f40315%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b8091c%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/mean.svg?color=%231a73e8&size=48