token pocket logo

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

Name: token-pocket
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

Use the token pocket 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(#SVGfGDCMeKC)" d="M15.35 10.793v4.527a4.6 4.6 0 0 0 .936.117h.032v-3.6a1.04 1.04 0 0 1-.968-1.044"/><path fill="#2980fe" d="M15.348 10.794H11.78v6.485c0 .307.246.555.55.555h2.467c.304 0 .55-.248.55-.555zm-5.29-4.644H3.55a.55.55 0 0 0-.55.554v2.25c0 .307.246.555.55.555h2.095v7.787c0 .306.246.554.55.554H8.54c.304 0 .55-.248.55-.554V9.509h.959c.92 0 1.667-.754 1.667-1.68a1.66 1.66 0 0 0-1.658-1.679"/><path fill="#2980fe" d="M16.39 6.15c-2.545 0-4.61 2.08-4.61 4.644a4.64 4.64 0 0 0 3.57 4.526v-4.526c0-.578.467-1.047 1.04-1.047s1.04.47 1.04 1.047a1.04 1.04 0 0 1-1.04 1.046v3.597q.135 0 .265-.006C19.077 15.29 21 13.269 21 10.794c.003-2.564-2.062-4.644-4.61-4.644"/><path fill="#2980fe" d="M16.39 15.437V11.84q-.037 0-.075-.003v3.6z"/><defs><linearGradient id="SVGfGDCMeKC" x1="16.391" x2="15.351" y1="13.116" y2="13.116" gradientUnits="userSpaceOnUse"><stop stop-color="#2980fe"/><stop offset=".967" stop-color="#6ca8ff"/><stop offset="1" stop-color="#2980fe"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedTokenPocket(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(#SVGfGDCMeKC)" d="M15.35 10.793v4.527a4.6 4.6 0 0 0 .936.117h.032v-3.6a1.04 1.04 0 0 1-.968-1.044"/><path fill="#2980fe" d="M15.348 10.794H11.78v6.485c0 .307.246.555.55.555h2.467c.304 0 .55-.248.55-.555zm-5.29-4.644H3.55a.55.55 0 0 0-.55.554v2.25c0 .307.246.555.55.555h2.095v7.787c0 .306.246.554.55.554H8.54c.304 0 .55-.248.55-.554V9.509h.959c.92 0 1.667-.754 1.667-1.68a1.66 1.66 0 0 0-1.658-1.679"/><path fill="#2980fe" d="M16.39 6.15c-2.545 0-4.61 2.08-4.61 4.644a4.64 4.64 0 0 0 3.57 4.526v-4.526c0-.578.467-1.047 1.04-1.047s1.04.47 1.04 1.047a1.04 1.04 0 0 1-1.04 1.046v3.597q.135 0 .265-.006C19.077 15.29 21 13.269 21 10.794c.003-2.564-2.062-4.644-4.61-4.644"/><path fill="#2980fe" d="M16.39 15.437V11.84q-.037 0-.075-.003v3.6z"/><defs><linearGradient id="SVGfGDCMeKC" x1="16.391" x2="15.351" y1="13.116" y2="13.116" gradientUnits="userSpaceOnUse"><stop stopColor="#2980fe"/><stop offset=".967" stopColor="#6ca8ff"/><stop offset="1" stopColor="#2980fe"/></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(#SVGfGDCMeKC)" d="M15.35 10.793v4.527a4.6 4.6 0 0 0 .936.117h.032v-3.6a1.04 1.04 0 0 1-.968-1.044"/><path fill="#2980fe" d="M15.348 10.794H11.78v6.485c0 .307.246.555.55.555h2.467c.304 0 .55-.248.55-.555zm-5.29-4.644H3.55a.55.55 0 0 0-.55.554v2.25c0 .307.246.555.55.555h2.095v7.787c0 .306.246.554.55.554H8.54c.304 0 .55-.248.55-.554V9.509h.959c.92 0 1.667-.754 1.667-1.68a1.66 1.66 0 0 0-1.658-1.679"/><path fill="#2980fe" d="M16.39 6.15c-2.545 0-4.61 2.08-4.61 4.644a4.64 4.64 0 0 0 3.57 4.526v-4.526c0-.578.467-1.047 1.04-1.047s1.04.47 1.04 1.047a1.04 1.04 0 0 1-1.04 1.046v3.597q.135 0 .265-.006C19.077 15.29 21 13.269 21 10.794c.003-2.564-2.062-4.644-4.61-4.644"/><path fill="#2980fe" d="M16.39 15.437V11.84q-.037 0-.075-.003v3.6z"/><defs><linearGradient id="SVGfGDCMeKC" x1="16.391" x2="15.351" y1="13.116" y2="13.116" gradientUnits="userSpaceOnUse"><stop stop-color="#2980fe"/><stop offset=".967" stop-color="#6ca8ff"/><stop offset="1" stop-color="#2980fe"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-token-pocket {
  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(%23SVGfGDCMeKC)%22%20d%3D%22M15.35%2010.793v4.527a4.6%204.6%200%200%200%20.936.117h.032v-3.6a1.04%201.04%200%200%201-.968-1.044%22%2F%3E%3Cpath%20fill%3D%22%232980fe%22%20d%3D%22M15.348%2010.794H11.78v6.485c0%20.307.246.555.55.555h2.467c.304%200%20.55-.248.55-.555zm-5.29-4.644H3.55a.55.55%200%200%200-.55.554v2.25c0%20.307.246.555.55.555h2.095v7.787c0%20.306.246.554.55.554H8.54c.304%200%20.55-.248.55-.554V9.509h.959c.92%200%201.667-.754%201.667-1.68a1.66%201.66%200%200%200-1.658-1.679%22%2F%3E%3Cpath%20fill%3D%22%232980fe%22%20d%3D%22M16.39%206.15c-2.545%200-4.61%202.08-4.61%204.644a4.64%204.64%200%200%200%203.57%204.526v-4.526c0-.578.467-1.047%201.04-1.047s1.04.47%201.04%201.047a1.04%201.04%200%200%201-1.04%201.046v3.597q.135%200%20.265-.006C19.077%2015.29%2021%2013.269%2021%2010.794c.003-2.564-2.062-4.644-4.61-4.644%22%2F%3E%3Cpath%20fill%3D%22%232980fe%22%20d%3D%22M16.39%2015.437V11.84q-.037%200-.075-.003v3.6z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfGDCMeKC%22%20x1%3D%2216.391%22%20x2%3D%2215.351%22%20y1%3D%2213.116%22%20y2%3D%2213.116%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232980fe%22%2F%3E%3Cstop%20offset%3D%22.967%22%20stop-color%3D%22%236ca8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232980fe%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(%23SVGfGDCMeKC)%22%20d%3D%22M15.35%2010.793v4.527a4.6%204.6%200%200%200%20.936.117h.032v-3.6a1.04%201.04%200%200%201-.968-1.044%22%2F%3E%3Cpath%20fill%3D%22%232980fe%22%20d%3D%22M15.348%2010.794H11.78v6.485c0%20.307.246.555.55.555h2.467c.304%200%20.55-.248.55-.555zm-5.29-4.644H3.55a.55.55%200%200%200-.55.554v2.25c0%20.307.246.555.55.555h2.095v7.787c0%20.306.246.554.55.554H8.54c.304%200%20.55-.248.55-.554V9.509h.959c.92%200%201.667-.754%201.667-1.68a1.66%201.66%200%200%200-1.658-1.679%22%2F%3E%3Cpath%20fill%3D%22%232980fe%22%20d%3D%22M16.39%206.15c-2.545%200-4.61%202.08-4.61%204.644a4.64%204.64%200%200%200%203.57%204.526v-4.526c0-.578.467-1.047%201.04-1.047s1.04.47%201.04%201.047a1.04%201.04%200%200%201-1.04%201.046v3.597q.135%200%20.265-.006C19.077%2015.29%2021%2013.269%2021%2010.794c.003-2.564-2.062-4.644-4.61-4.644%22%2F%3E%3Cpath%20fill%3D%22%232980fe%22%20d%3D%22M16.39%2015.437V11.84q-.037%200-.075-.003v3.6z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfGDCMeKC%22%20x1%3D%2216.391%22%20x2%3D%2215.351%22%20y1%3D%2213.116%22%20y2%3D%2213.116%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232980fe%22%2F%3E%3Cstop%20offset%3D%22.967%22%20stop-color%3D%22%236ca8ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232980fe%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/token-pocket.svg?color=%231a73e8&size=48