vemp logo

vemp-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: vemp-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 vemp 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(#SVGHcSWxdhd13)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.243 5.167H4.526v.526h14.717zm0 13.14H4.526v.526h14.717zm-.257-12.089h-7.102v.274h.268c.757 0 1.31.61 1.31 1.366V16.1c0 .757-.553 1.409-1.31 1.409h-.268v.273h7.102L20 15.154h-.305l-.242.483a2.91 2.91 0 0 1-2.486 1.62h-2.454v-4.984h2.586c.452 0 .82.368.82.82v.274h.273v-2.733h-.273v.273c0 .452-.368.82-.82.82h-2.587V6.744h3.107c.604 0 1.099.51 1.099 1.114v.463h.268zM4 12h2.102v.158a.393.393 0 0 0-.357.557l1.745 3.837l1.682-3.71a.484.484 0 0 0-.441-.684V12h2.102v.158a1.22 1.22 0 0 0-1.104.71l-2.244 4.914h-.21L5.03 12.82A1.13 1.13 0 0 0 4 12.158z"/></g><defs><clipPath id="SVGHcSWxdhd13"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedVempBackground(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(#SVGHcSWxdhd13)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.243 5.167H4.526v.526h14.717zm0 13.14H4.526v.526h14.717zm-.257-12.089h-7.102v.274h.268c.757 0 1.31.61 1.31 1.366V16.1c0 .757-.553 1.409-1.31 1.409h-.268v.273h7.102L20 15.154h-.305l-.242.483a2.91 2.91 0 0 1-2.486 1.62h-2.454v-4.984h2.586c.452 0 .82.368.82.82v.274h.273v-2.733h-.273v.273c0 .452-.368.82-.82.82h-2.587V6.744h3.107c.604 0 1.099.51 1.099 1.114v.463h.268zM4 12h2.102v.158a.393.393 0 0 0-.357.557l1.745 3.837l1.682-3.71a.484.484 0 0 0-.441-.684V12h2.102v.158a1.22 1.22 0 0 0-1.104.71l-2.244 4.914h-.21L5.03 12.82A1.13 1.13 0 0 0 4 12.158z"/></g><defs><clipPath id="SVGHcSWxdhd13"><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(#SVGHcSWxdhd13)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.243 5.167H4.526v.526h14.717zm0 13.14H4.526v.526h14.717zm-.257-12.089h-7.102v.274h.268c.757 0 1.31.61 1.31 1.366V16.1c0 .757-.553 1.409-1.31 1.409h-.268v.273h7.102L20 15.154h-.305l-.242.483a2.91 2.91 0 0 1-2.486 1.62h-2.454v-4.984h2.586c.452 0 .82.368.82.82v.274h.273v-2.733h-.273v.273c0 .452-.368.82-.82.82h-2.587V6.744h3.107c.604 0 1.099.51 1.099 1.114v.463h.268zM4 12h2.102v.158a.393.393 0 0 0-.357.557l1.745 3.837l1.682-3.71a.484.484 0 0 0-.441-.684V12h2.102v.158a1.22 1.22 0 0 0-1.104.71l-2.244 4.914h-.21L5.03 12.82A1.13 1.13 0 0 0 4 12.158z"/></g><defs><clipPath id="SVGHcSWxdhd13"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-vemp-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(%23SVGHcSWxdhd13)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.243%205.167H4.526v.526h14.717zm0%2013.14H4.526v.526h14.717zm-.257-12.089h-7.102v.274h.268c.757%200%201.31.61%201.31%201.366V16.1c0%20.757-.553%201.409-1.31%201.409h-.268v.273h7.102L20%2015.154h-.305l-.242.483a2.91%202.91%200%200%201-2.486%201.62h-2.454v-4.984h2.586c.452%200%20.82.368.82.82v.274h.273v-2.733h-.273v.273c0%20.452-.368.82-.82.82h-2.587V6.744h3.107c.604%200%201.099.51%201.099%201.114v.463h.268zM4%2012h2.102v.158a.393.393%200%200%200-.357.557l1.745%203.837l1.682-3.71a.484.484%200%200%200-.441-.684V12h2.102v.158a1.22%201.22%200%200%200-1.104.71l-2.244%204.914h-.21L5.03%2012.82A1.13%201.13%200%200%200%204%2012.158z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd13%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(%23SVGHcSWxdhd13)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.243%205.167H4.526v.526h14.717zm0%2013.14H4.526v.526h14.717zm-.257-12.089h-7.102v.274h.268c.757%200%201.31.61%201.31%201.366V16.1c0%20.757-.553%201.409-1.31%201.409h-.268v.273h7.102L20%2015.154h-.305l-.242.483a2.91%202.91%200%200%201-2.486%201.62h-2.454v-4.984h2.586c.452%200%20.82.368.82.82v.274h.273v-2.733h-.273v.273c0%20.452-.368.82-.82.82h-2.587V6.744h3.107c.604%200%201.099.51%201.099%201.114v.463h.268zM4%2012h2.102v.158a.393.393%200%200%200-.357.557l1.745%203.837l1.682-3.71a.484.484%200%200%200-.441-.684V12h2.102v.158a1.22%201.22%200%200%200-1.104.71l-2.244%204.914h-.21L5.03%2012.82A1.13%201.13%200%200%200%204%2012.158z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd13%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/vemp-background.svg?color=%231a73e8&size=48