jop logo

jop-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: jop-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 jop logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGP39apLaf" fill="#fff" d="M0 0h24v24H0z"/><path id="SVGWnJjWdbG" fill="#bf1b21" d="M3 12.704q0-1.5.558-2.8q.558-1.32 1.554-2.321a7.1 7.1 0 0 1 2.292-1.58a6.9 6.9 0 0 1 2.81-.58q1.494 0 2.809.58a7.1 7.1 0 0 1 2.311 1.58a7.3 7.3 0 0 1 1.555 2.32q.577 1.3.577 2.8t-.577 2.82a7.3 7.3 0 0 1-3.866 3.861a7.1 7.1 0 0 1-2.81.56q-1.494 0-2.81-.54a7.2 7.2 0 0 1-2.29-1.52a7 7 0 0 1-1.555-2.3q-.557-1.32-.558-2.88m.996.02q0 1.3.478 2.44t1.335 2a6.5 6.5 0 0 0 1.972 1.36q1.135.48 2.411.48c.85 0 1.693-.16 2.45-.48a6.5 6.5 0 0 0 1.993-1.36a6.2 6.2 0 0 0 1.334-2a6.1 6.1 0 0 0 .498-2.46c0-.88-.165-1.68-.498-2.44a6.2 6.2 0 0 0-1.334-2.02a6.3 6.3 0 0 0-1.993-1.38a6 6 0 0 0-2.43-.5c-.864 0-1.694.173-2.451.52a6.3 6.3 0 0 0-1.992 1.38a6.6 6.6 0 0 0-1.316 2.04a6.4 6.4 0 0 0-.458 2.42z"/></defs><g fill="none"><g clip-path="url(#SVGRlZmidyt)"><use href="#SVGP39apLaf"/><path fill="#010100" d="M21 18.844a9 9 0 0 1-1.056.54a6.3 6.3 0 0 1-1.315.4q-.718.16-1.555.16q-1.613 0-2.929-.56a7 7 0 0 1-2.251-1.56a7.3 7.3 0 0 1-1.454-2.28a7.6 7.6 0 0 1-.498-2.76q0-1.561.538-2.9a7.07 7.07 0 0 1 3.786-3.9q1.294-.561 2.809-.561q1.115 0 2.092.3q.976.3 1.773.78l-.419.9a7.5 7.5 0 0 0-1.573-.74a5.7 5.7 0 0 0-1.853-.3a5.7 5.7 0 0 0-2.371.5a6.1 6.1 0 0 0-1.972 1.36a6.3 6.3 0 0 0-1.315 2.02a6.5 6.5 0 0 0-.478 2.5c0 .893.139 1.66.418 2.42q.438 1.14 1.235 2a6 6 0 0 0 1.953 1.36q1.135.48 2.53.48q1.035 0 1.893-.28a7 7 0 0 0 1.554-.74z"/><use href="#SVGWnJjWdbG"/><path fill="#010100" d="M7.982 15.51q0 1.58-.577 2.7q-.578 1.12-1.555 1.7q-.956.6-2.171.64v-.94q1.434-.081 2.37-1.14q.956-1.06.956-3.02v-12h.977zM21 18.844a9 9 0 0 1-1.056.54a6.3 6.3 0 0 1-1.315.4q-.718.16-1.555.16q-1.613 0-2.929-.56a7 7 0 0 1-2.251-1.56a7.3 7.3 0 0 1-1.454-2.28a7.6 7.6 0 0 1-.498-2.76q0-1.561.538-2.9a7.07 7.07 0 0 1 3.786-3.9q1.294-.561 2.809-.561q1.115 0 2.092.3q.976.3 1.773.78l-.419.9a7.5 7.5 0 0 0-1.573-.74a5.7 5.7 0 0 0-1.853-.3a5.7 5.7 0 0 0-2.371.5a6.1 6.1 0 0 0-1.972 1.36a6.3 6.3 0 0 0-1.315 2.02a6.5 6.5 0 0 0-.478 2.5c0 .893.139 1.66.418 2.42q.438 1.14 1.235 2a6 6 0 0 0 1.953 1.36q1.135.48 2.53.48q1.035 0 1.893-.28a7 7 0 0 0 1.554-.74z"/><use href="#SVGWnJjWdbG"/></g><defs><clipPath id="SVGRlZmidyt"><use href="#SVGP39apLaf"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedJopBackground(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="SVGP39apLaf" fill="#fff" d="M0 0h24v24H0z"/><path id="SVGWnJjWdbG" fill="#bf1b21" d="M3 12.704q0-1.5.558-2.8q.558-1.32 1.554-2.321a7.1 7.1 0 0 1 2.292-1.58a6.9 6.9 0 0 1 2.81-.58q1.494 0 2.809.58a7.1 7.1 0 0 1 2.311 1.58a7.3 7.3 0 0 1 1.555 2.32q.577 1.3.577 2.8t-.577 2.82a7.3 7.3 0 0 1-3.866 3.861a7.1 7.1 0 0 1-2.81.56q-1.494 0-2.81-.54a7.2 7.2 0 0 1-2.29-1.52a7 7 0 0 1-1.555-2.3q-.557-1.32-.558-2.88m.996.02q0 1.3.478 2.44t1.335 2a6.5 6.5 0 0 0 1.972 1.36q1.135.48 2.411.48c.85 0 1.693-.16 2.45-.48a6.5 6.5 0 0 0 1.993-1.36a6.2 6.2 0 0 0 1.334-2a6.1 6.1 0 0 0 .498-2.46c0-.88-.165-1.68-.498-2.44a6.2 6.2 0 0 0-1.334-2.02a6.3 6.3 0 0 0-1.993-1.38a6 6 0 0 0-2.43-.5c-.864 0-1.694.173-2.451.52a6.3 6.3 0 0 0-1.992 1.38a6.6 6.6 0 0 0-1.316 2.04a6.4 6.4 0 0 0-.458 2.42z"/></defs><g fill="none"><g clipPath="url(#SVGRlZmidyt)"><use href="#SVGP39apLaf"/><path fill="#010100" d="M21 18.844a9 9 0 0 1-1.056.54a6.3 6.3 0 0 1-1.315.4q-.718.16-1.555.16q-1.613 0-2.929-.56a7 7 0 0 1-2.251-1.56a7.3 7.3 0 0 1-1.454-2.28a7.6 7.6 0 0 1-.498-2.76q0-1.561.538-2.9a7.07 7.07 0 0 1 3.786-3.9q1.294-.561 2.809-.561q1.115 0 2.092.3q.976.3 1.773.78l-.419.9a7.5 7.5 0 0 0-1.573-.74a5.7 5.7 0 0 0-1.853-.3a5.7 5.7 0 0 0-2.371.5a6.1 6.1 0 0 0-1.972 1.36a6.3 6.3 0 0 0-1.315 2.02a6.5 6.5 0 0 0-.478 2.5c0 .893.139 1.66.418 2.42q.438 1.14 1.235 2a6 6 0 0 0 1.953 1.36q1.135.48 2.53.48q1.035 0 1.893-.28a7 7 0 0 0 1.554-.74z"/><use href="#SVGWnJjWdbG"/><path fill="#010100" d="M7.982 15.51q0 1.58-.577 2.7q-.578 1.12-1.555 1.7q-.956.6-2.171.64v-.94q1.434-.081 2.37-1.14q.956-1.06.956-3.02v-12h.977zM21 18.844a9 9 0 0 1-1.056.54a6.3 6.3 0 0 1-1.315.4q-.718.16-1.555.16q-1.613 0-2.929-.56a7 7 0 0 1-2.251-1.56a7.3 7.3 0 0 1-1.454-2.28a7.6 7.6 0 0 1-.498-2.76q0-1.561.538-2.9a7.07 7.07 0 0 1 3.786-3.9q1.294-.561 2.809-.561q1.115 0 2.092.3q.976.3 1.773.78l-.419.9a7.5 7.5 0 0 0-1.573-.74a5.7 5.7 0 0 0-1.853-.3a5.7 5.7 0 0 0-2.371.5a6.1 6.1 0 0 0-1.972 1.36a6.3 6.3 0 0 0-1.315 2.02a6.5 6.5 0 0 0-.478 2.5c0 .893.139 1.66.418 2.42q.438 1.14 1.235 2a6 6 0 0 0 1.953 1.36q1.135.48 2.53.48q1.035 0 1.893-.28a7 7 0 0 0 1.554-.74z"/><use href="#SVGWnJjWdbG"/></g><defs><clipPath id="SVGRlZmidyt"><use href="#SVGP39apLaf"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><defs><path id="SVGP39apLaf" fill="#fff" d="M0 0h24v24H0z"/><path id="SVGWnJjWdbG" fill="#bf1b21" d="M3 12.704q0-1.5.558-2.8q.558-1.32 1.554-2.321a7.1 7.1 0 0 1 2.292-1.58a6.9 6.9 0 0 1 2.81-.58q1.494 0 2.809.58a7.1 7.1 0 0 1 2.311 1.58a7.3 7.3 0 0 1 1.555 2.32q.577 1.3.577 2.8t-.577 2.82a7.3 7.3 0 0 1-3.866 3.861a7.1 7.1 0 0 1-2.81.56q-1.494 0-2.81-.54a7.2 7.2 0 0 1-2.29-1.52a7 7 0 0 1-1.555-2.3q-.557-1.32-.558-2.88m.996.02q0 1.3.478 2.44t1.335 2a6.5 6.5 0 0 0 1.972 1.36q1.135.48 2.411.48c.85 0 1.693-.16 2.45-.48a6.5 6.5 0 0 0 1.993-1.36a6.2 6.2 0 0 0 1.334-2a6.1 6.1 0 0 0 .498-2.46c0-.88-.165-1.68-.498-2.44a6.2 6.2 0 0 0-1.334-2.02a6.3 6.3 0 0 0-1.993-1.38a6 6 0 0 0-2.43-.5c-.864 0-1.694.173-2.451.52a6.3 6.3 0 0 0-1.992 1.38a6.6 6.6 0 0 0-1.316 2.04a6.4 6.4 0 0 0-.458 2.42z"/></defs><g fill="none"><g clip-path="url(#SVGRlZmidyt)"><use href="#SVGP39apLaf"/><path fill="#010100" d="M21 18.844a9 9 0 0 1-1.056.54a6.3 6.3 0 0 1-1.315.4q-.718.16-1.555.16q-1.613 0-2.929-.56a7 7 0 0 1-2.251-1.56a7.3 7.3 0 0 1-1.454-2.28a7.6 7.6 0 0 1-.498-2.76q0-1.561.538-2.9a7.07 7.07 0 0 1 3.786-3.9q1.294-.561 2.809-.561q1.115 0 2.092.3q.976.3 1.773.78l-.419.9a7.5 7.5 0 0 0-1.573-.74a5.7 5.7 0 0 0-1.853-.3a5.7 5.7 0 0 0-2.371.5a6.1 6.1 0 0 0-1.972 1.36a6.3 6.3 0 0 0-1.315 2.02a6.5 6.5 0 0 0-.478 2.5c0 .893.139 1.66.418 2.42q.438 1.14 1.235 2a6 6 0 0 0 1.953 1.36q1.135.48 2.53.48q1.035 0 1.893-.28a7 7 0 0 0 1.554-.74z"/><use href="#SVGWnJjWdbG"/><path fill="#010100" d="M7.982 15.51q0 1.58-.577 2.7q-.578 1.12-1.555 1.7q-.956.6-2.171.64v-.94q1.434-.081 2.37-1.14q.956-1.06.956-3.02v-12h.977zM21 18.844a9 9 0 0 1-1.056.54a6.3 6.3 0 0 1-1.315.4q-.718.16-1.555.16q-1.613 0-2.929-.56a7 7 0 0 1-2.251-1.56a7.3 7.3 0 0 1-1.454-2.28a7.6 7.6 0 0 1-.498-2.76q0-1.561.538-2.9a7.07 7.07 0 0 1 3.786-3.9q1.294-.561 2.809-.561q1.115 0 2.092.3q.976.3 1.773.78l-.419.9a7.5 7.5 0 0 0-1.573-.74a5.7 5.7 0 0 0-1.853-.3a5.7 5.7 0 0 0-2.371.5a6.1 6.1 0 0 0-1.972 1.36a6.3 6.3 0 0 0-1.315 2.02a6.5 6.5 0 0 0-.478 2.5c0 .893.139 1.66.418 2.42q.438 1.14 1.235 2a6 6 0 0 0 1.953 1.36q1.135.48 2.53.48q1.035 0 1.893-.28a7 7 0 0 0 1.554-.74z"/><use href="#SVGWnJjWdbG"/></g><defs><clipPath id="SVGRlZmidyt"><use href="#SVGP39apLaf"/></clipPath></defs></g></svg>
</template>

CSS

.icon-jop-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%3Cdefs%3E%3Cpath%20id%3D%22SVGP39apLaf%22%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Cpath%20id%3D%22SVGWnJjWdbG%22%20fill%3D%22%23bf1b21%22%20d%3D%22M3%2012.704q0-1.5.558-2.8q.558-1.32%201.554-2.321a7.1%207.1%200%200%201%202.292-1.58a6.9%206.9%200%200%201%202.81-.58q1.494%200%202.809.58a7.1%207.1%200%200%201%202.311%201.58a7.3%207.3%200%200%201%201.555%202.32q.577%201.3.577%202.8t-.577%202.82a7.3%207.3%200%200%201-3.866%203.861a7.1%207.1%200%200%201-2.81.56q-1.494%200-2.81-.54a7.2%207.2%200%200%201-2.29-1.52a7%207%200%200%201-1.555-2.3q-.557-1.32-.558-2.88m.996.02q0%201.3.478%202.44t1.335%202a6.5%206.5%200%200%200%201.972%201.36q1.135.48%202.411.48c.85%200%201.693-.16%202.45-.48a6.5%206.5%200%200%200%201.993-1.36a6.2%206.2%200%200%200%201.334-2a6.1%206.1%200%200%200%20.498-2.46c0-.88-.165-1.68-.498-2.44a6.2%206.2%200%200%200-1.334-2.02a6.3%206.3%200%200%200-1.993-1.38a6%206%200%200%200-2.43-.5c-.864%200-1.694.173-2.451.52a6.3%206.3%200%200%200-1.992%201.38a6.6%206.6%200%200%200-1.316%202.04a6.4%206.4%200%200%200-.458%202.42z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGRlZmidyt)%22%3E%3Cuse%20href%3D%22%23SVGP39apLaf%22%2F%3E%3Cpath%20fill%3D%22%23010100%22%20d%3D%22M21%2018.844a9%209%200%200%201-1.056.54a6.3%206.3%200%200%201-1.315.4q-.718.16-1.555.16q-1.613%200-2.929-.56a7%207%200%200%201-2.251-1.56a7.3%207.3%200%200%201-1.454-2.28a7.6%207.6%200%200%201-.498-2.76q0-1.561.538-2.9a7.07%207.07%200%200%201%203.786-3.9q1.294-.561%202.809-.561q1.115%200%202.092.3q.976.3%201.773.78l-.419.9a7.5%207.5%200%200%200-1.573-.74a5.7%205.7%200%200%200-1.853-.3a5.7%205.7%200%200%200-2.371.5a6.1%206.1%200%200%200-1.972%201.36a6.3%206.3%200%200%200-1.315%202.02a6.5%206.5%200%200%200-.478%202.5c0%20.893.139%201.66.418%202.42q.438%201.14%201.235%202a6%206%200%200%200%201.953%201.36q1.135.48%202.53.48q1.035%200%201.893-.28a7%207%200%200%200%201.554-.74z%22%2F%3E%3Cuse%20href%3D%22%23SVGWnJjWdbG%22%2F%3E%3Cpath%20fill%3D%22%23010100%22%20d%3D%22M7.982%2015.51q0%201.58-.577%202.7q-.578%201.12-1.555%201.7q-.956.6-2.171.64v-.94q1.434-.081%202.37-1.14q.956-1.06.956-3.02v-12h.977zM21%2018.844a9%209%200%200%201-1.056.54a6.3%206.3%200%200%201-1.315.4q-.718.16-1.555.16q-1.613%200-2.929-.56a7%207%200%200%201-2.251-1.56a7.3%207.3%200%200%201-1.454-2.28a7.6%207.6%200%200%201-.498-2.76q0-1.561.538-2.9a7.07%207.07%200%200%201%203.786-3.9q1.294-.561%202.809-.561q1.115%200%202.092.3q.976.3%201.773.78l-.419.9a7.5%207.5%200%200%200-1.573-.74a5.7%205.7%200%200%200-1.853-.3a5.7%205.7%200%200%200-2.371.5a6.1%206.1%200%200%200-1.972%201.36a6.3%206.3%200%200%200-1.315%202.02a6.5%206.5%200%200%200-.478%202.5c0%20.893.139%201.66.418%202.42q.438%201.14%201.235%202a6%206%200%200%200%201.953%201.36q1.135.48%202.53.48q1.035%200%201.893-.28a7%207%200%200%200%201.554-.74z%22%2F%3E%3Cuse%20href%3D%22%23SVGWnJjWdbG%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGRlZmidyt%22%3E%3Cuse%20href%3D%22%23SVGP39apLaf%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%3Cdefs%3E%3Cpath%20id%3D%22SVGP39apLaf%22%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3Cpath%20id%3D%22SVGWnJjWdbG%22%20fill%3D%22%23bf1b21%22%20d%3D%22M3%2012.704q0-1.5.558-2.8q.558-1.32%201.554-2.321a7.1%207.1%200%200%201%202.292-1.58a6.9%206.9%200%200%201%202.81-.58q1.494%200%202.809.58a7.1%207.1%200%200%201%202.311%201.58a7.3%207.3%200%200%201%201.555%202.32q.577%201.3.577%202.8t-.577%202.82a7.3%207.3%200%200%201-3.866%203.861a7.1%207.1%200%200%201-2.81.56q-1.494%200-2.81-.54a7.2%207.2%200%200%201-2.29-1.52a7%207%200%200%201-1.555-2.3q-.557-1.32-.558-2.88m.996.02q0%201.3.478%202.44t1.335%202a6.5%206.5%200%200%200%201.972%201.36q1.135.48%202.411.48c.85%200%201.693-.16%202.45-.48a6.5%206.5%200%200%200%201.993-1.36a6.2%206.2%200%200%200%201.334-2a6.1%206.1%200%200%200%20.498-2.46c0-.88-.165-1.68-.498-2.44a6.2%206.2%200%200%200-1.334-2.02a6.3%206.3%200%200%200-1.993-1.38a6%206%200%200%200-2.43-.5c-.864%200-1.694.173-2.451.52a6.3%206.3%200%200%200-1.992%201.38a6.6%206.6%200%200%200-1.316%202.04a6.4%206.4%200%200%200-.458%202.42z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGRlZmidyt)%22%3E%3Cuse%20href%3D%22%23SVGP39apLaf%22%2F%3E%3Cpath%20fill%3D%22%23010100%22%20d%3D%22M21%2018.844a9%209%200%200%201-1.056.54a6.3%206.3%200%200%201-1.315.4q-.718.16-1.555.16q-1.613%200-2.929-.56a7%207%200%200%201-2.251-1.56a7.3%207.3%200%200%201-1.454-2.28a7.6%207.6%200%200%201-.498-2.76q0-1.561.538-2.9a7.07%207.07%200%200%201%203.786-3.9q1.294-.561%202.809-.561q1.115%200%202.092.3q.976.3%201.773.78l-.419.9a7.5%207.5%200%200%200-1.573-.74a5.7%205.7%200%200%200-1.853-.3a5.7%205.7%200%200%200-2.371.5a6.1%206.1%200%200%200-1.972%201.36a6.3%206.3%200%200%200-1.315%202.02a6.5%206.5%200%200%200-.478%202.5c0%20.893.139%201.66.418%202.42q.438%201.14%201.235%202a6%206%200%200%200%201.953%201.36q1.135.48%202.53.48q1.035%200%201.893-.28a7%207%200%200%200%201.554-.74z%22%2F%3E%3Cuse%20href%3D%22%23SVGWnJjWdbG%22%2F%3E%3Cpath%20fill%3D%22%23010100%22%20d%3D%22M7.982%2015.51q0%201.58-.577%202.7q-.578%201.12-1.555%201.7q-.956.6-2.171.64v-.94q1.434-.081%202.37-1.14q.956-1.06.956-3.02v-12h.977zM21%2018.844a9%209%200%200%201-1.056.54a6.3%206.3%200%200%201-1.315.4q-.718.16-1.555.16q-1.613%200-2.929-.56a7%207%200%200%201-2.251-1.56a7.3%207.3%200%200%201-1.454-2.28a7.6%207.6%200%200%201-.498-2.76q0-1.561.538-2.9a7.07%207.07%200%200%201%203.786-3.9q1.294-.561%202.809-.561q1.115%200%202.092.3q.976.3%201.773.78l-.419.9a7.5%207.5%200%200%200-1.573-.74a5.7%205.7%200%200%200-1.853-.3a5.7%205.7%200%200%200-2.371.5a6.1%206.1%200%200%200-1.972%201.36a6.3%206.3%200%200%200-1.315%202.02a6.5%206.5%200%200%200-.478%202.5c0%20.893.139%201.66.418%202.42q.438%201.14%201.235%202a6%206%200%200%200%201.953%201.36q1.135.48%202.53.48q1.035%200%201.893-.28a7%207%200%200%200%201.554-.74z%22%2F%3E%3Cuse%20href%3D%22%23SVGWnJjWdbG%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGRlZmidyt%22%3E%3Cuse%20href%3D%22%23SVGP39apLaf%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/jop-background.svg?color=%231a73e8&size=48