upp from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.

Name
upp
Set
Web3 Icons
Style
Mono
Viewbox
24×24
License
MIT

The same logo in other sets

Use the upp logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.43 12.825l-2.45 4.23q.149.301.05.64a.91.91 0 0 1-1.615.26H9.64a.91.91 0 0 1-1.58-.87l-2.46-4.25a.91.91 0 0 1 .065-1.81l2.385-4.12a.915.915 0 0 1 1.575-.88h4.8a.91.91 0 0 1 1.565.905l2.37 4.1a.9.9 0 0 1 .696 1.512a.9.9 0 0 1-.626.288zm2.35-1.66l-3.67-6.33A1.67 1.67 0 0 0 15.665 4h-7.33c-.6 0-1.15.32-1.45.835l-3.66 6.33c-.3.52-.3 1.15 0 1.665l3.665 6.335A1.67 1.67 0 0 0 8.335 20h7.33c.6 0 1.15-.315 1.45-.835l3.66-6.335c.3-.51.3-1.15 0-1.665z"/><path fill="currentColor" d="m17.63 11.3l-1.54-2.666l-5.745 3.22v.015a.915.915 0 0 1-1.82 0A.91.91 0 0 1 10 11.164l5.7-3.195l-.3-.52a.9.9 0 0 1-1.135-.66h-4.49a.915.915 0 0 1-1.15.65l-2.25 3.875a.9.9 0 0 1-.035 1.275l1.715 2.96l5.875-3.39l-.005-.085a.915.915 0 0 1 1.82 0a.91.91 0 0 1-1.43.75l-5.88 3.39l.2.34a.906.906 0 0 1 1.135.63h4.5a.91.91 0 0 1 1.115-.635l2.28-3.945a.9.9 0 0 1-.04-1.3z"/></svg>

React

import type { SVGProps } from "react";

export function TokenUpp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.43 12.825l-2.45 4.23q.149.301.05.64a.91.91 0 0 1-1.615.26H9.64a.91.91 0 0 1-1.58-.87l-2.46-4.25a.91.91 0 0 1 .065-1.81l2.385-4.12a.915.915 0 0 1 1.575-.88h4.8a.91.91 0 0 1 1.565.905l2.37 4.1a.9.9 0 0 1 .696 1.512a.9.9 0 0 1-.626.288zm2.35-1.66l-3.67-6.33A1.67 1.67 0 0 0 15.665 4h-7.33c-.6 0-1.15.32-1.45.835l-3.66 6.33c-.3.52-.3 1.15 0 1.665l3.665 6.335A1.67 1.67 0 0 0 8.335 20h7.33c.6 0 1.15-.315 1.45-.835l3.66-6.335c.3-.51.3-1.15 0-1.665z"/><path fill="currentColor" d="m17.63 11.3l-1.54-2.666l-5.745 3.22v.015a.915.915 0 0 1-1.82 0A.91.91 0 0 1 10 11.164l5.7-3.195l-.3-.52a.9.9 0 0 1-1.135-.66h-4.49a.915.915 0 0 1-1.15.65l-2.25 3.875a.9.9 0 0 1-.035 1.275l1.715 2.96l5.875-3.39l-.005-.085a.915.915 0 0 1 1.82 0a.91.91 0 0 1-1.43.75l-5.88 3.39l.2.34a.906.906 0 0 1 1.135.63h4.5a.91.91 0 0 1 1.115-.635l2.28-3.945a.9.9 0 0 1-.04-1.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.43 12.825l-2.45 4.23q.149.301.05.64a.91.91 0 0 1-1.615.26H9.64a.91.91 0 0 1-1.58-.87l-2.46-4.25a.91.91 0 0 1 .065-1.81l2.385-4.12a.915.915 0 0 1 1.575-.88h4.8a.91.91 0 0 1 1.565.905l2.37 4.1a.9.9 0 0 1 .696 1.512a.9.9 0 0 1-.626.288zm2.35-1.66l-3.67-6.33A1.67 1.67 0 0 0 15.665 4h-7.33c-.6 0-1.15.32-1.45.835l-3.66 6.33c-.3.52-.3 1.15 0 1.665l3.665 6.335A1.67 1.67 0 0 0 8.335 20h7.33c.6 0 1.15-.315 1.45-.835l3.66-6.335c.3-.51.3-1.15 0-1.665z"/><path fill="currentColor" d="m17.63 11.3l-1.54-2.666l-5.745 3.22v.015a.915.915 0 0 1-1.82 0A.91.91 0 0 1 10 11.164l5.7-3.195l-.3-.52a.9.9 0 0 1-1.135-.66h-4.49a.915.915 0 0 1-1.15.65l-2.25 3.875a.9.9 0 0 1-.035 1.275l1.715 2.96l5.875-3.39l-.005-.085a.915.915 0 0 1 1.82 0a.91.91 0 0 1-1.43.75l-5.88 3.39l.2.34a.906.906 0 0 1 1.135.63h4.5a.91.91 0 0 1 1.115-.635l2.28-3.945a.9.9 0 0 1-.04-1.3z"/></svg>
</template>

CSS

.icon-upp {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.43%2012.825l-2.45%204.23q.149.301.05.64a.91.91%200%200%201-1.615.26H9.64a.91.91%200%200%201-1.58-.87l-2.46-4.25a.91.91%200%200%201%20.065-1.81l2.385-4.12a.915.915%200%200%201%201.575-.88h4.8a.91.91%200%200%201%201.565.905l2.37%204.1a.9.9%200%200%201%20.696%201.512a.9.9%200%200%201-.626.288zm2.35-1.66l-3.67-6.33A1.67%201.67%200%200%200%2015.665%204h-7.33c-.6%200-1.15.32-1.45.835l-3.66%206.33c-.3.52-.3%201.15%200%201.665l3.665%206.335A1.67%201.67%200%200%200%208.335%2020h7.33c.6%200%201.15-.315%201.45-.835l3.66-6.335c.3-.51.3-1.15%200-1.665z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.63%2011.3l-1.54-2.666l-5.745%203.22v.015a.915.915%200%200%201-1.82%200A.91.91%200%200%201%2010%2011.164l5.7-3.195l-.3-.52a.9.9%200%200%201-1.135-.66h-4.49a.915.915%200%200%201-1.15.65l-2.25%203.875a.9.9%200%200%201-.035%201.275l1.715%202.96l5.875-3.39l-.005-.085a.915.915%200%200%201%201.82%200a.91.91%200%200%201-1.43.75l-5.88%203.39l.2.34a.906.906%200%200%201%201.135.63h4.5a.91.91%200%200%201%201.115-.635l2.28-3.945a.9.9%200%200%201-.04-1.3z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.43%2012.825l-2.45%204.23q.149.301.05.64a.91.91%200%200%201-1.615.26H9.64a.91.91%200%200%201-1.58-.87l-2.46-4.25a.91.91%200%200%201%20.065-1.81l2.385-4.12a.915.915%200%200%201%201.575-.88h4.8a.91.91%200%200%201%201.565.905l2.37%204.1a.9.9%200%200%201%20.696%201.512a.9.9%200%200%201-.626.288zm2.35-1.66l-3.67-6.33A1.67%201.67%200%200%200%2015.665%204h-7.33c-.6%200-1.15.32-1.45.835l-3.66%206.33c-.3.52-.3%201.15%200%201.665l3.665%206.335A1.67%201.67%200%200%200%208.335%2020h7.33c.6%200%201.15-.315%201.45-.835l3.66-6.335c.3-.51.3-1.15%200-1.665z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.63%2011.3l-1.54-2.666l-5.745%203.22v.015a.915.915%200%200%201-1.82%200A.91.91%200%200%201%2010%2011.164l5.7-3.195l-.3-.52a.9.9%200%200%201-1.135-.66h-4.49a.915.915%200%200%201-1.15.65l-2.25%203.875a.9.9%200%200%201-.035%201.275l1.715%202.96l5.875-3.39l-.005-.085a.915.915%200%200%201%201.82%200a.91.91%200%200%201-1.43.75l-5.88%203.39l.2.34a.906.906%200%200%201%201.135.63h4.5a.91.91%200%200%201%201.115-.635l2.28-3.945a.9.9%200%200%201-.04-1.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/upp.svg?color=%231a73e8&size=48