jup logo
jup from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- jup
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the jup logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.723 16.919a9.05 9.05 0 0 0 2.837 2.477a9.4 9.4 0 0 0 3.641 1.145c-.66-.957-1.62-1.837-2.82-2.507c-1.198-.67-2.468-1.037-3.658-1.115m5.27-1.554c-2.31-1.292-4.81-1.62-6.598-1.04q.259.827.68 1.589c1.554-.035 3.25.371 4.83 1.254c1.578.883 2.786 2.1 3.525 3.418a9.6 9.6 0 0 0 1.771-.218c-.361-1.784-1.899-3.711-4.208-5.003M21 10.122a8.7 8.7 0 0 0-1.562-3.178a9.05 9.05 0 0 0-2.73-2.337a9.4 9.4 0 0 0-3.46-1.125a9.5 9.5 0 0 0-3.643.268c1.976.233 4.17.947 6.322 2.15S19.811 8.584 21 10.122m-2.876 4.215c-1.011-1.617-2.744-3.166-4.88-4.36c-2.134-1.193-4.39-1.875-6.35-1.92c-1.723-.04-3.016.443-3.547 1.323l-.01.015q-.072.247-.127.496c.741-.281 1.6-.438 2.556-.456c2.124-.038 4.5.616 6.695 1.842c2.193 1.227 3.962 2.892 4.98 4.686c.455.808.74 1.604.853 2.365q.196-.17.385-.351l.008-.017c.531-.881.326-2.201-.563-3.623"/><path fill="currentColor" d="M11.62 12.67c-3.27-1.83-6.883-2.116-8.62-.84q.005.6.095 1.194a7.5 7.5 0 0 1 1.57-.28c1.942-.14 4.082.38 6.025 1.467c1.942 1.086 3.473 2.619 4.308 4.31c.231.464.407.951.525 1.452a9 9 0 0 0 1.125-.511c.29-2.085-1.758-4.964-5.028-6.793m8.185-1.037c-1.023-1.616-2.771-3.169-4.922-4.37s-4.414-1.894-6.38-1.95c-1.498-.042-2.658.308-3.26.968c2.499-.407 5.794.278 8.988 2.064s5.446 4.202 6.315 6.493c.298-.83.038-1.973-.741-3.205"/></svg>
React
import type { SVGProps } from "react";
export function TokenJup(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="M4.723 16.919a9.05 9.05 0 0 0 2.837 2.477a9.4 9.4 0 0 0 3.641 1.145c-.66-.957-1.62-1.837-2.82-2.507c-1.198-.67-2.468-1.037-3.658-1.115m5.27-1.554c-2.31-1.292-4.81-1.62-6.598-1.04q.259.827.68 1.589c1.554-.035 3.25.371 4.83 1.254c1.578.883 2.786 2.1 3.525 3.418a9.6 9.6 0 0 0 1.771-.218c-.361-1.784-1.899-3.711-4.208-5.003M21 10.122a8.7 8.7 0 0 0-1.562-3.178a9.05 9.05 0 0 0-2.73-2.337a9.4 9.4 0 0 0-3.46-1.125a9.5 9.5 0 0 0-3.643.268c1.976.233 4.17.947 6.322 2.15S19.811 8.584 21 10.122m-2.876 4.215c-1.011-1.617-2.744-3.166-4.88-4.36c-2.134-1.193-4.39-1.875-6.35-1.92c-1.723-.04-3.016.443-3.547 1.323l-.01.015q-.072.247-.127.496c.741-.281 1.6-.438 2.556-.456c2.124-.038 4.5.616 6.695 1.842c2.193 1.227 3.962 2.892 4.98 4.686c.455.808.74 1.604.853 2.365q.196-.17.385-.351l.008-.017c.531-.881.326-2.201-.563-3.623"/><path fill="currentColor" d="M11.62 12.67c-3.27-1.83-6.883-2.116-8.62-.84q.005.6.095 1.194a7.5 7.5 0 0 1 1.57-.28c1.942-.14 4.082.38 6.025 1.467c1.942 1.086 3.473 2.619 4.308 4.31c.231.464.407.951.525 1.452a9 9 0 0 0 1.125-.511c.29-2.085-1.758-4.964-5.028-6.793m8.185-1.037c-1.023-1.616-2.771-3.169-4.922-4.37s-4.414-1.894-6.38-1.95c-1.498-.042-2.658.308-3.26.968c2.499-.407 5.794.278 8.988 2.064s5.446 4.202 6.315 6.493c.298-.83.038-1.973-.741-3.205"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.723 16.919a9.05 9.05 0 0 0 2.837 2.477a9.4 9.4 0 0 0 3.641 1.145c-.66-.957-1.62-1.837-2.82-2.507c-1.198-.67-2.468-1.037-3.658-1.115m5.27-1.554c-2.31-1.292-4.81-1.62-6.598-1.04q.259.827.68 1.589c1.554-.035 3.25.371 4.83 1.254c1.578.883 2.786 2.1 3.525 3.418a9.6 9.6 0 0 0 1.771-.218c-.361-1.784-1.899-3.711-4.208-5.003M21 10.122a8.7 8.7 0 0 0-1.562-3.178a9.05 9.05 0 0 0-2.73-2.337a9.4 9.4 0 0 0-3.46-1.125a9.5 9.5 0 0 0-3.643.268c1.976.233 4.17.947 6.322 2.15S19.811 8.584 21 10.122m-2.876 4.215c-1.011-1.617-2.744-3.166-4.88-4.36c-2.134-1.193-4.39-1.875-6.35-1.92c-1.723-.04-3.016.443-3.547 1.323l-.01.015q-.072.247-.127.496c.741-.281 1.6-.438 2.556-.456c2.124-.038 4.5.616 6.695 1.842c2.193 1.227 3.962 2.892 4.98 4.686c.455.808.74 1.604.853 2.365q.196-.17.385-.351l.008-.017c.531-.881.326-2.201-.563-3.623"/><path fill="currentColor" d="M11.62 12.67c-3.27-1.83-6.883-2.116-8.62-.84q.005.6.095 1.194a7.5 7.5 0 0 1 1.57-.28c1.942-.14 4.082.38 6.025 1.467c1.942 1.086 3.473 2.619 4.308 4.31c.231.464.407.951.525 1.452a9 9 0 0 0 1.125-.511c.29-2.085-1.758-4.964-5.028-6.793m8.185-1.037c-1.023-1.616-2.771-3.169-4.922-4.37s-4.414-1.894-6.38-1.95c-1.498-.042-2.658.308-3.26.968c2.499-.407 5.794.278 8.988 2.064s5.446 4.202 6.315 6.493c.298-.83.038-1.973-.741-3.205"/></svg> </template>
CSS
.icon-jup {
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%22M4.723%2016.919a9.05%209.05%200%200%200%202.837%202.477a9.4%209.4%200%200%200%203.641%201.145c-.66-.957-1.62-1.837-2.82-2.507c-1.198-.67-2.468-1.037-3.658-1.115m5.27-1.554c-2.31-1.292-4.81-1.62-6.598-1.04q.259.827.68%201.589c1.554-.035%203.25.371%204.83%201.254c1.578.883%202.786%202.1%203.525%203.418a9.6%209.6%200%200%200%201.771-.218c-.361-1.784-1.899-3.711-4.208-5.003M21%2010.122a8.7%208.7%200%200%200-1.562-3.178a9.05%209.05%200%200%200-2.73-2.337a9.4%209.4%200%200%200-3.46-1.125a9.5%209.5%200%200%200-3.643.268c1.976.233%204.17.947%206.322%202.15S19.811%208.584%2021%2010.122m-2.876%204.215c-1.011-1.617-2.744-3.166-4.88-4.36c-2.134-1.193-4.39-1.875-6.35-1.92c-1.723-.04-3.016.443-3.547%201.323l-.01.015q-.072.247-.127.496c.741-.281%201.6-.438%202.556-.456c2.124-.038%204.5.616%206.695%201.842c2.193%201.227%203.962%202.892%204.98%204.686c.455.808.74%201.604.853%202.365q.196-.17.385-.351l.008-.017c.531-.881.326-2.201-.563-3.623%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.62%2012.67c-3.27-1.83-6.883-2.116-8.62-.84q.005.6.095%201.194a7.5%207.5%200%200%201%201.57-.28c1.942-.14%204.082.38%206.025%201.467c1.942%201.086%203.473%202.619%204.308%204.31c.231.464.407.951.525%201.452a9%209%200%200%200%201.125-.511c.29-2.085-1.758-4.964-5.028-6.793m8.185-1.037c-1.023-1.616-2.771-3.169-4.922-4.37s-4.414-1.894-6.38-1.95c-1.498-.042-2.658.308-3.26.968c2.499-.407%205.794.278%208.988%202.064s5.446%204.202%206.315%206.493c.298-.83.038-1.973-.741-3.205%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%22M4.723%2016.919a9.05%209.05%200%200%200%202.837%202.477a9.4%209.4%200%200%200%203.641%201.145c-.66-.957-1.62-1.837-2.82-2.507c-1.198-.67-2.468-1.037-3.658-1.115m5.27-1.554c-2.31-1.292-4.81-1.62-6.598-1.04q.259.827.68%201.589c1.554-.035%203.25.371%204.83%201.254c1.578.883%202.786%202.1%203.525%203.418a9.6%209.6%200%200%200%201.771-.218c-.361-1.784-1.899-3.711-4.208-5.003M21%2010.122a8.7%208.7%200%200%200-1.562-3.178a9.05%209.05%200%200%200-2.73-2.337a9.4%209.4%200%200%200-3.46-1.125a9.5%209.5%200%200%200-3.643.268c1.976.233%204.17.947%206.322%202.15S19.811%208.584%2021%2010.122m-2.876%204.215c-1.011-1.617-2.744-3.166-4.88-4.36c-2.134-1.193-4.39-1.875-6.35-1.92c-1.723-.04-3.016.443-3.547%201.323l-.01.015q-.072.247-.127.496c.741-.281%201.6-.438%202.556-.456c2.124-.038%204.5.616%206.695%201.842c2.193%201.227%203.962%202.892%204.98%204.686c.455.808.74%201.604.853%202.365q.196-.17.385-.351l.008-.017c.531-.881.326-2.201-.563-3.623%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.62%2012.67c-3.27-1.83-6.883-2.116-8.62-.84q.005.6.095%201.194a7.5%207.5%200%200%201%201.57-.28c1.942-.14%204.082.38%206.025%201.467c1.942%201.086%203.473%202.619%204.308%204.31c.231.464.407.951.525%201.452a9%209%200%200%200%201.125-.511c.29-2.085-1.758-4.964-5.028-6.793m8.185-1.037c-1.023-1.616-2.771-3.169-4.922-4.37s-4.414-1.894-6.38-1.95c-1.498-.042-2.658.308-3.26.968c2.499-.407%205.794.278%208.988%202.064s5.446%204.202%206.315%206.493c.298-.83.038-1.973-.741-3.205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/jup.svg?color=%231a73e8&size=48
