jop logo
jop from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- jop
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the jop logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGV8f1sbMj" fill="#bf1b21" d="M6.685 12.152q0-.915.342-1.71q.342-.806.952-1.416a4.4 4.4 0 0 1 1.405-.964a4.2 4.2 0 0 1 1.721-.354q.916 0 1.722.354a4.3 4.3 0 0 1 1.416.964q.61.611.953 1.417q.354.794.354 1.709q0 .916-.354 1.722a4.46 4.46 0 0 1-2.37 2.356a4.4 4.4 0 0 1-1.72.342q-.917 0-1.722-.33q-.794-.33-1.405-.927a4.3 4.3 0 0 1-.952-1.404a4.5 4.5 0 0 1-.342-1.759m.61.012a3.8 3.8 0 0 0 1.111 2.71q.525.526 1.209.831a3.8 3.8 0 0 0 1.477.293a3.9 3.9 0 0 0 1.502-.293a4 4 0 0 0 1.22-.83q.525-.525.818-1.221q.306-.695.306-1.502c0-.537-.102-1.025-.306-1.49a3.8 3.8 0 0 0-.817-1.232a3.9 3.9 0 0 0-1.221-.843a3.7 3.7 0 0 0-1.49-.305a3.6 3.6 0 0 0-1.502.317q-.695.306-1.22.843q-.513.537-.806 1.245q-.281.696-.281 1.478"/></defs><g fill="none"><path fill="#f7f7f7" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#010100" d="M17.715 15.9a5 5 0 0 1-.647.33a4 4 0 0 1-.806.244q-.44.098-.952.098a4.55 4.55 0 0 1-1.795-.342a4.3 4.3 0 0 1-1.38-.953a4.5 4.5 0 0 1-.891-1.391a4.7 4.7 0 0 1-.305-1.685q0-.953.33-1.77a4.33 4.33 0 0 1 2.32-2.382a4.3 4.3 0 0 1 1.721-.342q.684 0 1.282.184q.598.182 1.087.476l-.257.55a4.6 4.6 0 0 0-.964-.452a3.5 3.5 0 0 0-1.136-.184q-.768 0-1.453.306a3.7 3.7 0 0 0-1.208.83q-.513.525-.806 1.233q-.293.707-.293 1.526c0 .545.085 1.014.256 1.477q.27.696.757 1.221q.501.525 1.197.83q.695.293 1.55.293q.636 0 1.16-.17q.537-.184.953-.452z"/><use href="#SVGV8f1sbMj"/><path fill="#010100" d="M9.738 13.865q0 .965-.354 1.649a2.5 2.5 0 0 1-.953 1.037q-.585.367-1.33.391v-.574a2.02 2.02 0 0 0 1.452-.696q.586-.647.586-1.844V6.503h.598zm7.977 2.035a5 5 0 0 1-.647.33a4 4 0 0 1-.806.244q-.44.098-.952.098a4.55 4.55 0 0 1-1.795-.342a4.3 4.3 0 0 1-1.38-.953a4.5 4.5 0 0 1-.891-1.391a4.7 4.7 0 0 1-.305-1.685q0-.953.33-1.77a4.33 4.33 0 0 1 2.32-2.382a4.3 4.3 0 0 1 1.721-.342q.684 0 1.282.184q.598.182 1.087.476l-.257.55a4.6 4.6 0 0 0-.964-.452a3.5 3.5 0 0 0-1.136-.184q-.768 0-1.453.306a3.7 3.7 0 0 0-1.208.83q-.513.525-.806 1.233q-.293.707-.293 1.526c0 .545.085 1.014.256 1.477q.27.696.757 1.221q.501.525 1.197.83q.695.293 1.55.293q.636 0 1.16-.17q.537-.184.953-.452z"/><use href="#SVGV8f1sbMj"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedJop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGV8f1sbMj" fill="#bf1b21" d="M6.685 12.152q0-.915.342-1.71q.342-.806.952-1.416a4.4 4.4 0 0 1 1.405-.964a4.2 4.2 0 0 1 1.721-.354q.916 0 1.722.354a4.3 4.3 0 0 1 1.416.964q.61.611.953 1.417q.354.794.354 1.709q0 .916-.354 1.722a4.46 4.46 0 0 1-2.37 2.356a4.4 4.4 0 0 1-1.72.342q-.917 0-1.722-.33q-.794-.33-1.405-.927a4.3 4.3 0 0 1-.952-1.404a4.5 4.5 0 0 1-.342-1.759m.61.012a3.8 3.8 0 0 0 1.111 2.71q.525.526 1.209.831a3.8 3.8 0 0 0 1.477.293a3.9 3.9 0 0 0 1.502-.293a4 4 0 0 0 1.22-.83q.525-.525.818-1.221q.306-.695.306-1.502c0-.537-.102-1.025-.306-1.49a3.8 3.8 0 0 0-.817-1.232a3.9 3.9 0 0 0-1.221-.843a3.7 3.7 0 0 0-1.49-.305a3.6 3.6 0 0 0-1.502.317q-.695.306-1.22.843q-.513.537-.806 1.245q-.281.696-.281 1.478"/></defs><g fill="none"><path fill="#f7f7f7" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#010100" d="M17.715 15.9a5 5 0 0 1-.647.33a4 4 0 0 1-.806.244q-.44.098-.952.098a4.55 4.55 0 0 1-1.795-.342a4.3 4.3 0 0 1-1.38-.953a4.5 4.5 0 0 1-.891-1.391a4.7 4.7 0 0 1-.305-1.685q0-.953.33-1.77a4.33 4.33 0 0 1 2.32-2.382a4.3 4.3 0 0 1 1.721-.342q.684 0 1.282.184q.598.182 1.087.476l-.257.55a4.6 4.6 0 0 0-.964-.452a3.5 3.5 0 0 0-1.136-.184q-.768 0-1.453.306a3.7 3.7 0 0 0-1.208.83q-.513.525-.806 1.233q-.293.707-.293 1.526c0 .545.085 1.014.256 1.477q.27.696.757 1.221q.501.525 1.197.83q.695.293 1.55.293q.636 0 1.16-.17q.537-.184.953-.452z"/><use href="#SVGV8f1sbMj"/><path fill="#010100" d="M9.738 13.865q0 .965-.354 1.649a2.5 2.5 0 0 1-.953 1.037q-.585.367-1.33.391v-.574a2.02 2.02 0 0 0 1.452-.696q.586-.647.586-1.844V6.503h.598zm7.977 2.035a5 5 0 0 1-.647.33a4 4 0 0 1-.806.244q-.44.098-.952.098a4.55 4.55 0 0 1-1.795-.342a4.3 4.3 0 0 1-1.38-.953a4.5 4.5 0 0 1-.891-1.391a4.7 4.7 0 0 1-.305-1.685q0-.953.33-1.77a4.33 4.33 0 0 1 2.32-2.382a4.3 4.3 0 0 1 1.721-.342q.684 0 1.282.184q.598.182 1.087.476l-.257.55a4.6 4.6 0 0 0-.964-.452a3.5 3.5 0 0 0-1.136-.184q-.768 0-1.453.306a3.7 3.7 0 0 0-1.208.83q-.513.525-.806 1.233q-.293.707-.293 1.526c0 .545.085 1.014.256 1.477q.27.696.757 1.221q.501.525 1.197.83q.695.293 1.55.293q.636 0 1.16-.17q.537-.184.953-.452z"/><use href="#SVGV8f1sbMj"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGV8f1sbMj" fill="#bf1b21" d="M6.685 12.152q0-.915.342-1.71q.342-.806.952-1.416a4.4 4.4 0 0 1 1.405-.964a4.2 4.2 0 0 1 1.721-.354q.916 0 1.722.354a4.3 4.3 0 0 1 1.416.964q.61.611.953 1.417q.354.794.354 1.709q0 .916-.354 1.722a4.46 4.46 0 0 1-2.37 2.356a4.4 4.4 0 0 1-1.72.342q-.917 0-1.722-.33q-.794-.33-1.405-.927a4.3 4.3 0 0 1-.952-1.404a4.5 4.5 0 0 1-.342-1.759m.61.012a3.8 3.8 0 0 0 1.111 2.71q.525.526 1.209.831a3.8 3.8 0 0 0 1.477.293a3.9 3.9 0 0 0 1.502-.293a4 4 0 0 0 1.22-.83q.525-.525.818-1.221q.306-.695.306-1.502c0-.537-.102-1.025-.306-1.49a3.8 3.8 0 0 0-.817-1.232a3.9 3.9 0 0 0-1.221-.843a3.7 3.7 0 0 0-1.49-.305a3.6 3.6 0 0 0-1.502.317q-.695.306-1.22.843q-.513.537-.806 1.245q-.281.696-.281 1.478"/></defs><g fill="none"><path fill="#f7f7f7" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#010100" d="M17.715 15.9a5 5 0 0 1-.647.33a4 4 0 0 1-.806.244q-.44.098-.952.098a4.55 4.55 0 0 1-1.795-.342a4.3 4.3 0 0 1-1.38-.953a4.5 4.5 0 0 1-.891-1.391a4.7 4.7 0 0 1-.305-1.685q0-.953.33-1.77a4.33 4.33 0 0 1 2.32-2.382a4.3 4.3 0 0 1 1.721-.342q.684 0 1.282.184q.598.182 1.087.476l-.257.55a4.6 4.6 0 0 0-.964-.452a3.5 3.5 0 0 0-1.136-.184q-.768 0-1.453.306a3.7 3.7 0 0 0-1.208.83q-.513.525-.806 1.233q-.293.707-.293 1.526c0 .545.085 1.014.256 1.477q.27.696.757 1.221q.501.525 1.197.83q.695.293 1.55.293q.636 0 1.16-.17q.537-.184.953-.452z"/><use href="#SVGV8f1sbMj"/><path fill="#010100" d="M9.738 13.865q0 .965-.354 1.649a2.5 2.5 0 0 1-.953 1.037q-.585.367-1.33.391v-.574a2.02 2.02 0 0 0 1.452-.696q.586-.647.586-1.844V6.503h.598zm7.977 2.035a5 5 0 0 1-.647.33a4 4 0 0 1-.806.244q-.44.098-.952.098a4.55 4.55 0 0 1-1.795-.342a4.3 4.3 0 0 1-1.38-.953a4.5 4.5 0 0 1-.891-1.391a4.7 4.7 0 0 1-.305-1.685q0-.953.33-1.77a4.33 4.33 0 0 1 2.32-2.382a4.3 4.3 0 0 1 1.721-.342q.684 0 1.282.184q.598.182 1.087.476l-.257.55a4.6 4.6 0 0 0-.964-.452a3.5 3.5 0 0 0-1.136-.184q-.768 0-1.453.306a3.7 3.7 0 0 0-1.208.83q-.513.525-.806 1.233q-.293.707-.293 1.526c0 .545.085 1.014.256 1.477q.27.696.757 1.221q.501.525 1.197.83q.695.293 1.55.293q.636 0 1.16-.17q.537-.184.953-.452z"/><use href="#SVGV8f1sbMj"/></g></svg> </template>
CSS
.icon-jop {
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%3Cdefs%3E%3Cpath%20id%3D%22SVGV8f1sbMj%22%20fill%3D%22%23bf1b21%22%20d%3D%22M6.685%2012.152q0-.915.342-1.71q.342-.806.952-1.416a4.4%204.4%200%200%201%201.405-.964a4.2%204.2%200%200%201%201.721-.354q.916%200%201.722.354a4.3%204.3%200%200%201%201.416.964q.61.611.953%201.417q.354.794.354%201.709q0%20.916-.354%201.722a4.46%204.46%200%200%201-2.37%202.356a4.4%204.4%200%200%201-1.72.342q-.917%200-1.722-.33q-.794-.33-1.405-.927a4.3%204.3%200%200%201-.952-1.404a4.5%204.5%200%200%201-.342-1.759m.61.012a3.8%203.8%200%200%200%201.111%202.71q.525.526%201.209.831a3.8%203.8%200%200%200%201.477.293a3.9%203.9%200%200%200%201.502-.293a4%204%200%200%200%201.22-.83q.525-.525.818-1.221q.306-.695.306-1.502c0-.537-.102-1.025-.306-1.49a3.8%203.8%200%200%200-.817-1.232a3.9%203.9%200%200%200-1.221-.843a3.7%203.7%200%200%200-1.49-.305a3.6%203.6%200%200%200-1.502.317q-.695.306-1.22.843q-.513.537-.806%201.245q-.281.696-.281%201.478%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f7f7f7%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%2F%3E%3Cpath%20fill%3D%22%23010100%22%20d%3D%22M17.715%2015.9a5%205%200%200%201-.647.33a4%204%200%200%201-.806.244q-.44.098-.952.098a4.55%204.55%200%200%201-1.795-.342a4.3%204.3%200%200%201-1.38-.953a4.5%204.5%200%200%201-.891-1.391a4.7%204.7%200%200%201-.305-1.685q0-.953.33-1.77a4.33%204.33%200%200%201%202.32-2.382a4.3%204.3%200%200%201%201.721-.342q.684%200%201.282.184q.598.182%201.087.476l-.257.55a4.6%204.6%200%200%200-.964-.452a3.5%203.5%200%200%200-1.136-.184q-.768%200-1.453.306a3.7%203.7%200%200%200-1.208.83q-.513.525-.806%201.233q-.293.707-.293%201.526c0%20.545.085%201.014.256%201.477q.27.696.757%201.221q.501.525%201.197.83q.695.293%201.55.293q.636%200%201.16-.17q.537-.184.953-.452z%22%2F%3E%3Cuse%20href%3D%22%23SVGV8f1sbMj%22%2F%3E%3Cpath%20fill%3D%22%23010100%22%20d%3D%22M9.738%2013.865q0%20.965-.354%201.649a2.5%202.5%200%200%201-.953%201.037q-.585.367-1.33.391v-.574a2.02%202.02%200%200%200%201.452-.696q.586-.647.586-1.844V6.503h.598zm7.977%202.035a5%205%200%200%201-.647.33a4%204%200%200%201-.806.244q-.44.098-.952.098a4.55%204.55%200%200%201-1.795-.342a4.3%204.3%200%200%201-1.38-.953a4.5%204.5%200%200%201-.891-1.391a4.7%204.7%200%200%201-.305-1.685q0-.953.33-1.77a4.33%204.33%200%200%201%202.32-2.382a4.3%204.3%200%200%201%201.721-.342q.684%200%201.282.184q.598.182%201.087.476l-.257.55a4.6%204.6%200%200%200-.964-.452a3.5%203.5%200%200%200-1.136-.184q-.768%200-1.453.306a3.7%203.7%200%200%200-1.208.83q-.513.525-.806%201.233q-.293.707-.293%201.526c0%20.545.085%201.014.256%201.477q.27.696.757%201.221q.501.525%201.197.83q.695.293%201.55.293q.636%200%201.16-.17q.537-.184.953-.452z%22%2F%3E%3Cuse%20href%3D%22%23SVGV8f1sbMj%22%2F%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%3Cdefs%3E%3Cpath%20id%3D%22SVGV8f1sbMj%22%20fill%3D%22%23bf1b21%22%20d%3D%22M6.685%2012.152q0-.915.342-1.71q.342-.806.952-1.416a4.4%204.4%200%200%201%201.405-.964a4.2%204.2%200%200%201%201.721-.354q.916%200%201.722.354a4.3%204.3%200%200%201%201.416.964q.61.611.953%201.417q.354.794.354%201.709q0%20.916-.354%201.722a4.46%204.46%200%200%201-2.37%202.356a4.4%204.4%200%200%201-1.72.342q-.917%200-1.722-.33q-.794-.33-1.405-.927a4.3%204.3%200%200%201-.952-1.404a4.5%204.5%200%200%201-.342-1.759m.61.012a3.8%203.8%200%200%200%201.111%202.71q.525.526%201.209.831a3.8%203.8%200%200%200%201.477.293a3.9%203.9%200%200%200%201.502-.293a4%204%200%200%200%201.22-.83q.525-.525.818-1.221q.306-.695.306-1.502c0-.537-.102-1.025-.306-1.49a3.8%203.8%200%200%200-.817-1.232a3.9%203.9%200%200%200-1.221-.843a3.7%203.7%200%200%200-1.49-.305a3.6%203.6%200%200%200-1.502.317q-.695.306-1.22.843q-.513.537-.806%201.245q-.281.696-.281%201.478%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f7f7f7%22%20d%3D%22M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%2F%3E%3Cpath%20fill%3D%22%23010100%22%20d%3D%22M17.715%2015.9a5%205%200%200%201-.647.33a4%204%200%200%201-.806.244q-.44.098-.952.098a4.55%204.55%200%200%201-1.795-.342a4.3%204.3%200%200%201-1.38-.953a4.5%204.5%200%200%201-.891-1.391a4.7%204.7%200%200%201-.305-1.685q0-.953.33-1.77a4.33%204.33%200%200%201%202.32-2.382a4.3%204.3%200%200%201%201.721-.342q.684%200%201.282.184q.598.182%201.087.476l-.257.55a4.6%204.6%200%200%200-.964-.452a3.5%203.5%200%200%200-1.136-.184q-.768%200-1.453.306a3.7%203.7%200%200%200-1.208.83q-.513.525-.806%201.233q-.293.707-.293%201.526c0%20.545.085%201.014.256%201.477q.27.696.757%201.221q.501.525%201.197.83q.695.293%201.55.293q.636%200%201.16-.17q.537-.184.953-.452z%22%2F%3E%3Cuse%20href%3D%22%23SVGV8f1sbMj%22%2F%3E%3Cpath%20fill%3D%22%23010100%22%20d%3D%22M9.738%2013.865q0%20.965-.354%201.649a2.5%202.5%200%200%201-.953%201.037q-.585.367-1.33.391v-.574a2.02%202.02%200%200%200%201.452-.696q.586-.647.586-1.844V6.503h.598zm7.977%202.035a5%205%200%200%201-.647.33a4%204%200%200%201-.806.244q-.44.098-.952.098a4.55%204.55%200%200%201-1.795-.342a4.3%204.3%200%200%201-1.38-.953a4.5%204.5%200%200%201-.891-1.391a4.7%204.7%200%200%201-.305-1.685q0-.953.33-1.77a4.33%204.33%200%200%201%202.32-2.382a4.3%204.3%200%200%201%201.721-.342q.684%200%201.282.184q.598.182%201.087.476l-.257.55a4.6%204.6%200%200%200-.964-.452a3.5%203.5%200%200%200-1.136-.184q-.768%200-1.453.306a3.7%203.7%200%200%200-1.208.83q-.513.525-.806%201.233q-.293.707-.293%201.526c0%20.545.085%201.014.256%201.477q.27.696.757%201.221q.501.525%201.197.83q.695.293%201.55.293q.636%200%201.16-.17q.537-.184.953-.452z%22%2F%3E%3Cuse%20href%3D%22%23SVGV8f1sbMj%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/jop.svg?color=%231a73e8&size=48
