jup logo
jup-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- jup-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 jup 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(#SVGHcSWxdhd169)"><path fill="url(#SVG5bbIwbQK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.531 16.373a8 8 0 0 0 2.522 2.202a8.4 8.4 0 0 0 3.237 1.017c-.587-.85-1.44-1.633-2.506-2.229s-2.195-.92-3.253-.99"/><path fill="#fff" d="M10.216 14.991c-2.053-1.148-4.275-1.44-5.865-.924q.23.735.604 1.412c1.382-.03 2.89.33 4.293 1.115s2.477 1.867 3.134 3.038a8.5 8.5 0 0 0 1.575-.194c-.322-1.585-1.689-3.299-3.741-4.447M20 10.33a7.7 7.7 0 0 0-1.389-2.824a8 8 0 0 0-2.426-2.078a8.4 8.4 0 0 0-3.076-1a8.4 8.4 0 0 0-3.238.239c1.757.207 3.707.842 5.62 1.911c1.912 1.07 3.453 2.386 4.509 3.753m-2.556 3.747c-.9-1.438-2.44-2.814-4.338-3.875c-1.898-1.062-3.903-1.668-5.644-1.708C5.93 8.46 4.78 8.89 4.308 9.671l-.01.014a8 8 0 0 0-.111.44c.659-.25 1.422-.39 2.271-.405c1.888-.034 4.001.547 5.951 1.638s3.523 2.57 4.427 4.165c.405.718.658 1.426.758 2.102q.176-.15.342-.312l.008-.015c.472-.783.29-1.957-.5-3.22"/><path fill="#fff" d="M11.662 12.595C8.756 10.97 5.544 10.715 4 11.85q.005.533.084 1.06a6.6 6.6 0 0 1 1.396-.248c1.726-.126 3.629.337 5.355 1.303s3.088 2.328 3.83 3.832c.205.412.362.845.467 1.29q.515-.195 1-.454c.258-1.853-1.563-4.412-4.47-6.038m7.276-.922c-.91-1.436-2.464-2.816-4.375-3.885s-3.924-1.683-5.67-1.733c-1.332-.037-2.364.274-2.899.86c2.221-.361 5.15.247 7.99 1.835s4.84 3.736 5.612 5.772c.265-.738.035-1.754-.658-2.85"/></g><defs><linearGradient id="SVG5bbIwbQK" x1="29.347" x2="-9.201" y1="-37.844" y2="2.505" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c7f284"/><stop offset="1" stop-color="#00bef0"/></linearGradient><clipPath id="SVGHcSWxdhd169"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedJupBackground(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(#SVGHcSWxdhd169)"><path fill="url(#SVG5bbIwbQK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.531 16.373a8 8 0 0 0 2.522 2.202a8.4 8.4 0 0 0 3.237 1.017c-.587-.85-1.44-1.633-2.506-2.229s-2.195-.92-3.253-.99"/><path fill="#fff" d="M10.216 14.991c-2.053-1.148-4.275-1.44-5.865-.924q.23.735.604 1.412c1.382-.03 2.89.33 4.293 1.115s2.477 1.867 3.134 3.038a8.5 8.5 0 0 0 1.575-.194c-.322-1.585-1.689-3.299-3.741-4.447M20 10.33a7.7 7.7 0 0 0-1.389-2.824a8 8 0 0 0-2.426-2.078a8.4 8.4 0 0 0-3.076-1a8.4 8.4 0 0 0-3.238.239c1.757.207 3.707.842 5.62 1.911c1.912 1.07 3.453 2.386 4.509 3.753m-2.556 3.747c-.9-1.438-2.44-2.814-4.338-3.875c-1.898-1.062-3.903-1.668-5.644-1.708C5.93 8.46 4.78 8.89 4.308 9.671l-.01.014a8 8 0 0 0-.111.44c.659-.25 1.422-.39 2.271-.405c1.888-.034 4.001.547 5.951 1.638s3.523 2.57 4.427 4.165c.405.718.658 1.426.758 2.102q.176-.15.342-.312l.008-.015c.472-.783.29-1.957-.5-3.22"/><path fill="#fff" d="M11.662 12.595C8.756 10.97 5.544 10.715 4 11.85q.005.533.084 1.06a6.6 6.6 0 0 1 1.396-.248c1.726-.126 3.629.337 5.355 1.303s3.088 2.328 3.83 3.832c.205.412.362.845.467 1.29q.515-.195 1-.454c.258-1.853-1.563-4.412-4.47-6.038m7.276-.922c-.91-1.436-2.464-2.816-4.375-3.885s-3.924-1.683-5.67-1.733c-1.332-.037-2.364.274-2.899.86c2.221-.361 5.15.247 7.99 1.835s4.84 3.736 5.612 5.772c.265-.738.035-1.754-.658-2.85"/></g><defs><linearGradient id="SVG5bbIwbQK" x1="29.347" x2="-9.201" y1="-37.844" y2="2.505" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#c7f284"/><stop offset="1" stopColor="#00bef0"/></linearGradient><clipPath id="SVGHcSWxdhd169"><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(#SVGHcSWxdhd169)"><path fill="url(#SVG5bbIwbQK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.531 16.373a8 8 0 0 0 2.522 2.202a8.4 8.4 0 0 0 3.237 1.017c-.587-.85-1.44-1.633-2.506-2.229s-2.195-.92-3.253-.99"/><path fill="#fff" d="M10.216 14.991c-2.053-1.148-4.275-1.44-5.865-.924q.23.735.604 1.412c1.382-.03 2.89.33 4.293 1.115s2.477 1.867 3.134 3.038a8.5 8.5 0 0 0 1.575-.194c-.322-1.585-1.689-3.299-3.741-4.447M20 10.33a7.7 7.7 0 0 0-1.389-2.824a8 8 0 0 0-2.426-2.078a8.4 8.4 0 0 0-3.076-1a8.4 8.4 0 0 0-3.238.239c1.757.207 3.707.842 5.62 1.911c1.912 1.07 3.453 2.386 4.509 3.753m-2.556 3.747c-.9-1.438-2.44-2.814-4.338-3.875c-1.898-1.062-3.903-1.668-5.644-1.708C5.93 8.46 4.78 8.89 4.308 9.671l-.01.014a8 8 0 0 0-.111.44c.659-.25 1.422-.39 2.271-.405c1.888-.034 4.001.547 5.951 1.638s3.523 2.57 4.427 4.165c.405.718.658 1.426.758 2.102q.176-.15.342-.312l.008-.015c.472-.783.29-1.957-.5-3.22"/><path fill="#fff" d="M11.662 12.595C8.756 10.97 5.544 10.715 4 11.85q.005.533.084 1.06a6.6 6.6 0 0 1 1.396-.248c1.726-.126 3.629.337 5.355 1.303s3.088 2.328 3.83 3.832c.205.412.362.845.467 1.29q.515-.195 1-.454c.258-1.853-1.563-4.412-4.47-6.038m7.276-.922c-.91-1.436-2.464-2.816-4.375-3.885s-3.924-1.683-5.67-1.733c-1.332-.037-2.364.274-2.899.86c2.221-.361 5.15.247 7.99 1.835s4.84 3.736 5.612 5.772c.265-.738.035-1.754-.658-2.85"/></g><defs><linearGradient id="SVG5bbIwbQK" x1="29.347" x2="-9.201" y1="-37.844" y2="2.505" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c7f284"/><stop offset="1" stop-color="#00bef0"/></linearGradient><clipPath id="SVGHcSWxdhd169"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-jup-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(%23SVGHcSWxdhd169)%22%3E%3Cpath%20fill%3D%22url(%23SVG5bbIwbQK)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.531%2016.373a8%208%200%200%200%202.522%202.202a8.4%208.4%200%200%200%203.237%201.017c-.587-.85-1.44-1.633-2.506-2.229s-2.195-.92-3.253-.99%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.216%2014.991c-2.053-1.148-4.275-1.44-5.865-.924q.23.735.604%201.412c1.382-.03%202.89.33%204.293%201.115s2.477%201.867%203.134%203.038a8.5%208.5%200%200%200%201.575-.194c-.322-1.585-1.689-3.299-3.741-4.447M20%2010.33a7.7%207.7%200%200%200-1.389-2.824a8%208%200%200%200-2.426-2.078a8.4%208.4%200%200%200-3.076-1a8.4%208.4%200%200%200-3.238.239c1.757.207%203.707.842%205.62%201.911c1.912%201.07%203.453%202.386%204.509%203.753m-2.556%203.747c-.9-1.438-2.44-2.814-4.338-3.875c-1.898-1.062-3.903-1.668-5.644-1.708C5.93%208.46%204.78%208.89%204.308%209.671l-.01.014a8%208%200%200%200-.111.44c.659-.25%201.422-.39%202.271-.405c1.888-.034%204.001.547%205.951%201.638s3.523%202.57%204.427%204.165c.405.718.658%201.426.758%202.102q.176-.15.342-.312l.008-.015c.472-.783.29-1.957-.5-3.22%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.662%2012.595C8.756%2010.97%205.544%2010.715%204%2011.85q.005.533.084%201.06a6.6%206.6%200%200%201%201.396-.248c1.726-.126%203.629.337%205.355%201.303s3.088%202.328%203.83%203.832c.205.412.362.845.467%201.29q.515-.195%201-.454c.258-1.853-1.563-4.412-4.47-6.038m7.276-.922c-.91-1.436-2.464-2.816-4.375-3.885s-3.924-1.683-5.67-1.733c-1.332-.037-2.364.274-2.899.86c2.221-.361%205.15.247%207.99%201.835s4.84%203.736%205.612%205.772c.265-.738.035-1.754-.658-2.85%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG5bbIwbQK%22%20x1%3D%2229.347%22%20x2%3D%22-9.201%22%20y1%3D%22-37.844%22%20y2%3D%222.505%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c7f284%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300bef0%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd169%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(%23SVGHcSWxdhd169)%22%3E%3Cpath%20fill%3D%22url(%23SVG5bbIwbQK)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.531%2016.373a8%208%200%200%200%202.522%202.202a8.4%208.4%200%200%200%203.237%201.017c-.587-.85-1.44-1.633-2.506-2.229s-2.195-.92-3.253-.99%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.216%2014.991c-2.053-1.148-4.275-1.44-5.865-.924q.23.735.604%201.412c1.382-.03%202.89.33%204.293%201.115s2.477%201.867%203.134%203.038a8.5%208.5%200%200%200%201.575-.194c-.322-1.585-1.689-3.299-3.741-4.447M20%2010.33a7.7%207.7%200%200%200-1.389-2.824a8%208%200%200%200-2.426-2.078a8.4%208.4%200%200%200-3.076-1a8.4%208.4%200%200%200-3.238.239c1.757.207%203.707.842%205.62%201.911c1.912%201.07%203.453%202.386%204.509%203.753m-2.556%203.747c-.9-1.438-2.44-2.814-4.338-3.875c-1.898-1.062-3.903-1.668-5.644-1.708C5.93%208.46%204.78%208.89%204.308%209.671l-.01.014a8%208%200%200%200-.111.44c.659-.25%201.422-.39%202.271-.405c1.888-.034%204.001.547%205.951%201.638s3.523%202.57%204.427%204.165c.405.718.658%201.426.758%202.102q.176-.15.342-.312l.008-.015c.472-.783.29-1.957-.5-3.22%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.662%2012.595C8.756%2010.97%205.544%2010.715%204%2011.85q.005.533.084%201.06a6.6%206.6%200%200%201%201.396-.248c1.726-.126%203.629.337%205.355%201.303s3.088%202.328%203.83%203.832c.205.412.362.845.467%201.29q.515-.195%201-.454c.258-1.853-1.563-4.412-4.47-6.038m7.276-.922c-.91-1.436-2.464-2.816-4.375-3.885s-3.924-1.683-5.67-1.733c-1.332-.037-2.364.274-2.899.86c2.221-.361%205.15.247%207.99%201.835s4.84%203.736%205.612%205.772c.265-.738.035-1.754-.658-2.85%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG5bbIwbQK%22%20x1%3D%2229.347%22%20x2%3D%22-9.201%22%20y1%3D%22-37.844%22%20y2%3D%222.505%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c7f284%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300bef0%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd169%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/jup-background.svg?color=%231a73e8&size=48
