pkr logo

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

Name: pkr-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

Use the pkr 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(#SVGHcSWxdhd173)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGY5GXkbXE)" d="M12.01 19.664c4.253 0 7.7-3.443 7.7-7.69s-3.447-7.69-7.7-7.69s-7.7 3.443-7.7 7.69s3.447 7.69 7.7 7.69"/><path fill="url(#SVGfCcxNban)" fill-rule="evenodd" d="m16.37 5.59l.13-.21a8.04 8.04 0 0 1 2.55 2.815l-.22.11a7.8 7.8 0 0 0-2.46-2.715m3.38 6.87H20c-.08 1.37-.5 2.65-1.185 3.75l-.255-.055a7.7 7.7 0 0 0 1.19-3.7zm-4.3 6.485l.115.225a8 8 0 0 1-3.54.83v-.25c1.23 0 2.395-.29 3.43-.8zm-7.53-.355l-.14.205a8.05 8.05 0 0 1-2.585-2.59l.2-.15c.63 1.025 1.5 1.9 2.525 2.535M4.25 11.9H4c.015-1.31.35-2.545.92-3.63l.235.09a7.7 7.7 0 0 0-.905 3.54M12 4h.055v.25h-.05c-1.37 0-2.65.35-3.765.965l-.1-.225A8 8 0 0 1 12.005 4zm7.51 8a7.506 7.506 0 1 1-15.011.004a7.506 7.506 0 0 1 15.011-.009zm.25 0a7.75 7.75 0 0 1-4.79 7.163a7.75 7.75 0 0 1-8.45-1.684a7.756 7.756 0 1 1 13.24-5.484z" clip-rule="evenodd"/><path fill="url(#SVGAxgFERcC)" fill-rule="evenodd" d="M12.166 5.375c-.005.46-.325 1.58-1.595 2.73l-1.3 1.19c-.825.76-1.55 1.425-1.9 1.705h2.2l.08.01c.35.035.94.1.94.545V12h-4.02l-.065.1c-.175.27-.505.785-.505 1.335c0 .79.95 2.565 2.86 2.565c1.525 0 2.725-.815 3.13-1.125c.545.4 1.975 1.125 3.385 1.125C17.14 16 18 14.98 18 13.78c0-.965-.47-1.56-.63-1.74c.02.19-.11.66-.8 1.035l.29 1.425H15.5l-.205-1.265l-.345 1.265h-1.33l.48-2.255h2.13V12h-2.075l.21-1h2.31s-2.39-2.025-3.055-2.77c-.66-.735-1.445-1.75-1.46-2.85zM10.846 11l-.205 1h1.38l.16-1zm-.725 3.5h1.325l.33-1.215l.405 1.215h1.39l-.54-1.845l.315-.42h-2.81zm2.03-2.5l.82-1h1.335l-.775 1zm-2.975 5.5c.88-.1 2.535-.735 2.825-2.5a2.99 2.99 0 0 0 2.825 2.5zm-2.365-3h1.35l.24-1.23h.655c.34-.03 1.05-.2 1.19-.655l.1-.35h-3.12z" clip-rule="evenodd"/></g><defs><linearGradient id="SVGY5GXkbXE" x1="7.548" x2="16.392" y1="6.595" y2="16.638" gradientUnits="userSpaceOnUse"><stop stop-color="#fffcf8"/><stop offset="1" stop-color="#575757"/></linearGradient><linearGradient id="SVGfCcxNban" x1="7.74" x2="17.75" y1="6.145" y2="17.44" gradientUnits="userSpaceOnUse"><stop stop-color="#fb18ad"/><stop offset=".47" stop-color="#e20c7b"/><stop offset="1" stop-color="#1d010d"/></linearGradient><linearGradient id="SVGAxgFERcC" x1="8.432" x2="15.247" y1="9.11" y2="14.999" gradientUnits="userSpaceOnUse"><stop stop-color="#ff14a4"/><stop offset="1" stop-color="#1c000c"/></linearGradient><clipPath id="SVGHcSWxdhd173"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedPkrBackground(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(#SVGHcSWxdhd173)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGY5GXkbXE)" d="M12.01 19.664c4.253 0 7.7-3.443 7.7-7.69s-3.447-7.69-7.7-7.69s-7.7 3.443-7.7 7.69s3.447 7.69 7.7 7.69"/><path fill="url(#SVGfCcxNban)" fillRule="evenodd" d="m16.37 5.59l.13-.21a8.04 8.04 0 0 1 2.55 2.815l-.22.11a7.8 7.8 0 0 0-2.46-2.715m3.38 6.87H20c-.08 1.37-.5 2.65-1.185 3.75l-.255-.055a7.7 7.7 0 0 0 1.19-3.7zm-4.3 6.485l.115.225a8 8 0 0 1-3.54.83v-.25c1.23 0 2.395-.29 3.43-.8zm-7.53-.355l-.14.205a8.05 8.05 0 0 1-2.585-2.59l.2-.15c.63 1.025 1.5 1.9 2.525 2.535M4.25 11.9H4c.015-1.31.35-2.545.92-3.63l.235.09a7.7 7.7 0 0 0-.905 3.54M12 4h.055v.25h-.05c-1.37 0-2.65.35-3.765.965l-.1-.225A8 8 0 0 1 12.005 4zm7.51 8a7.506 7.506 0 1 1-15.011.004a7.506 7.506 0 0 1 15.011-.009zm.25 0a7.75 7.75 0 0 1-4.79 7.163a7.75 7.75 0 0 1-8.45-1.684a7.756 7.756 0 1 1 13.24-5.484z" clipRule="evenodd"/><path fill="url(#SVGAxgFERcC)" fillRule="evenodd" d="M12.166 5.375c-.005.46-.325 1.58-1.595 2.73l-1.3 1.19c-.825.76-1.55 1.425-1.9 1.705h2.2l.08.01c.35.035.94.1.94.545V12h-4.02l-.065.1c-.175.27-.505.785-.505 1.335c0 .79.95 2.565 2.86 2.565c1.525 0 2.725-.815 3.13-1.125c.545.4 1.975 1.125 3.385 1.125C17.14 16 18 14.98 18 13.78c0-.965-.47-1.56-.63-1.74c.02.19-.11.66-.8 1.035l.29 1.425H15.5l-.205-1.265l-.345 1.265h-1.33l.48-2.255h2.13V12h-2.075l.21-1h2.31s-2.39-2.025-3.055-2.77c-.66-.735-1.445-1.75-1.46-2.85zM10.846 11l-.205 1h1.38l.16-1zm-.725 3.5h1.325l.33-1.215l.405 1.215h1.39l-.54-1.845l.315-.42h-2.81zm2.03-2.5l.82-1h1.335l-.775 1zm-2.975 5.5c.88-.1 2.535-.735 2.825-2.5a2.99 2.99 0 0 0 2.825 2.5zm-2.365-3h1.35l.24-1.23h.655c.34-.03 1.05-.2 1.19-.655l.1-.35h-3.12z" clipRule="evenodd"/></g><defs><linearGradient id="SVGY5GXkbXE" x1="7.548" x2="16.392" y1="6.595" y2="16.638" gradientUnits="userSpaceOnUse"><stop stopColor="#fffcf8"/><stop offset="1" stopColor="#575757"/></linearGradient><linearGradient id="SVGfCcxNban" x1="7.74" x2="17.75" y1="6.145" y2="17.44" gradientUnits="userSpaceOnUse"><stop stopColor="#fb18ad"/><stop offset=".47" stopColor="#e20c7b"/><stop offset="1" stopColor="#1d010d"/></linearGradient><linearGradient id="SVGAxgFERcC" x1="8.432" x2="15.247" y1="9.11" y2="14.999" gradientUnits="userSpaceOnUse"><stop stopColor="#ff14a4"/><stop offset="1" stopColor="#1c000c"/></linearGradient><clipPath id="SVGHcSWxdhd173"><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(#SVGHcSWxdhd173)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGY5GXkbXE)" d="M12.01 19.664c4.253 0 7.7-3.443 7.7-7.69s-3.447-7.69-7.7-7.69s-7.7 3.443-7.7 7.69s3.447 7.69 7.7 7.69"/><path fill="url(#SVGfCcxNban)" fill-rule="evenodd" d="m16.37 5.59l.13-.21a8.04 8.04 0 0 1 2.55 2.815l-.22.11a7.8 7.8 0 0 0-2.46-2.715m3.38 6.87H20c-.08 1.37-.5 2.65-1.185 3.75l-.255-.055a7.7 7.7 0 0 0 1.19-3.7zm-4.3 6.485l.115.225a8 8 0 0 1-3.54.83v-.25c1.23 0 2.395-.29 3.43-.8zm-7.53-.355l-.14.205a8.05 8.05 0 0 1-2.585-2.59l.2-.15c.63 1.025 1.5 1.9 2.525 2.535M4.25 11.9H4c.015-1.31.35-2.545.92-3.63l.235.09a7.7 7.7 0 0 0-.905 3.54M12 4h.055v.25h-.05c-1.37 0-2.65.35-3.765.965l-.1-.225A8 8 0 0 1 12.005 4zm7.51 8a7.506 7.506 0 1 1-15.011.004a7.506 7.506 0 0 1 15.011-.009zm.25 0a7.75 7.75 0 0 1-4.79 7.163a7.75 7.75 0 0 1-8.45-1.684a7.756 7.756 0 1 1 13.24-5.484z" clip-rule="evenodd"/><path fill="url(#SVGAxgFERcC)" fill-rule="evenodd" d="M12.166 5.375c-.005.46-.325 1.58-1.595 2.73l-1.3 1.19c-.825.76-1.55 1.425-1.9 1.705h2.2l.08.01c.35.035.94.1.94.545V12h-4.02l-.065.1c-.175.27-.505.785-.505 1.335c0 .79.95 2.565 2.86 2.565c1.525 0 2.725-.815 3.13-1.125c.545.4 1.975 1.125 3.385 1.125C17.14 16 18 14.98 18 13.78c0-.965-.47-1.56-.63-1.74c.02.19-.11.66-.8 1.035l.29 1.425H15.5l-.205-1.265l-.345 1.265h-1.33l.48-2.255h2.13V12h-2.075l.21-1h2.31s-2.39-2.025-3.055-2.77c-.66-.735-1.445-1.75-1.46-2.85zM10.846 11l-.205 1h1.38l.16-1zm-.725 3.5h1.325l.33-1.215l.405 1.215h1.39l-.54-1.845l.315-.42h-2.81zm2.03-2.5l.82-1h1.335l-.775 1zm-2.975 5.5c.88-.1 2.535-.735 2.825-2.5a2.99 2.99 0 0 0 2.825 2.5zm-2.365-3h1.35l.24-1.23h.655c.34-.03 1.05-.2 1.19-.655l.1-.35h-3.12z" clip-rule="evenodd"/></g><defs><linearGradient id="SVGY5GXkbXE" x1="7.548" x2="16.392" y1="6.595" y2="16.638" gradientUnits="userSpaceOnUse"><stop stop-color="#fffcf8"/><stop offset="1" stop-color="#575757"/></linearGradient><linearGradient id="SVGfCcxNban" x1="7.74" x2="17.75" y1="6.145" y2="17.44" gradientUnits="userSpaceOnUse"><stop stop-color="#fb18ad"/><stop offset=".47" stop-color="#e20c7b"/><stop offset="1" stop-color="#1d010d"/></linearGradient><linearGradient id="SVGAxgFERcC" x1="8.432" x2="15.247" y1="9.11" y2="14.999" gradientUnits="userSpaceOnUse"><stop stop-color="#ff14a4"/><stop offset="1" stop-color="#1c000c"/></linearGradient><clipPath id="SVGHcSWxdhd173"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-pkr-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(%23SVGHcSWxdhd173)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGY5GXkbXE)%22%20d%3D%22M12.01%2019.664c4.253%200%207.7-3.443%207.7-7.69s-3.447-7.69-7.7-7.69s-7.7%203.443-7.7%207.69s3.447%207.69%207.7%207.69%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfCcxNban)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m16.37%205.59l.13-.21a8.04%208.04%200%200%201%202.55%202.815l-.22.11a7.8%207.8%200%200%200-2.46-2.715m3.38%206.87H20c-.08%201.37-.5%202.65-1.185%203.75l-.255-.055a7.7%207.7%200%200%200%201.19-3.7zm-4.3%206.485l.115.225a8%208%200%200%201-3.54.83v-.25c1.23%200%202.395-.29%203.43-.8zm-7.53-.355l-.14.205a8.05%208.05%200%200%201-2.585-2.59l.2-.15c.63%201.025%201.5%201.9%202.525%202.535M4.25%2011.9H4c.015-1.31.35-2.545.92-3.63l.235.09a7.7%207.7%200%200%200-.905%203.54M12%204h.055v.25h-.05c-1.37%200-2.65.35-3.765.965l-.1-.225A8%208%200%200%201%2012.005%204zm7.51%208a7.506%207.506%200%201%201-15.011.004a7.506%207.506%200%200%201%2015.011-.009zm.25%200a7.75%207.75%200%200%201-4.79%207.163a7.75%207.75%200%200%201-8.45-1.684a7.756%207.756%200%201%201%2013.24-5.484z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAxgFERcC)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.166%205.375c-.005.46-.325%201.58-1.595%202.73l-1.3%201.19c-.825.76-1.55%201.425-1.9%201.705h2.2l.08.01c.35.035.94.1.94.545V12h-4.02l-.065.1c-.175.27-.505.785-.505%201.335c0%20.79.95%202.565%202.86%202.565c1.525%200%202.725-.815%203.13-1.125c.545.4%201.975%201.125%203.385%201.125C17.14%2016%2018%2014.98%2018%2013.78c0-.965-.47-1.56-.63-1.74c.02.19-.11.66-.8%201.035l.29%201.425H15.5l-.205-1.265l-.345%201.265h-1.33l.48-2.255h2.13V12h-2.075l.21-1h2.31s-2.39-2.025-3.055-2.77c-.66-.735-1.445-1.75-1.46-2.85zM10.846%2011l-.205%201h1.38l.16-1zm-.725%203.5h1.325l.33-1.215l.405%201.215h1.39l-.54-1.845l.315-.42h-2.81zm2.03-2.5l.82-1h1.335l-.775%201zm-2.975%205.5c.88-.1%202.535-.735%202.825-2.5a2.99%202.99%200%200%200%202.825%202.5zm-2.365-3h1.35l.24-1.23h.655c.34-.03%201.05-.2%201.19-.655l.1-.35h-3.12z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGY5GXkbXE%22%20x1%3D%227.548%22%20x2%3D%2216.392%22%20y1%3D%226.595%22%20y2%3D%2216.638%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fffcf8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23575757%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfCcxNban%22%20x1%3D%227.74%22%20x2%3D%2217.75%22%20y1%3D%226.145%22%20y2%3D%2217.44%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fb18ad%22%2F%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%23e20c7b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231d010d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAxgFERcC%22%20x1%3D%228.432%22%20x2%3D%2215.247%22%20y1%3D%229.11%22%20y2%3D%2214.999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff14a4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231c000c%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd173%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(%23SVGHcSWxdhd173)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGY5GXkbXE)%22%20d%3D%22M12.01%2019.664c4.253%200%207.7-3.443%207.7-7.69s-3.447-7.69-7.7-7.69s-7.7%203.443-7.7%207.69s3.447%207.69%207.7%207.69%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfCcxNban)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m16.37%205.59l.13-.21a8.04%208.04%200%200%201%202.55%202.815l-.22.11a7.8%207.8%200%200%200-2.46-2.715m3.38%206.87H20c-.08%201.37-.5%202.65-1.185%203.75l-.255-.055a7.7%207.7%200%200%200%201.19-3.7zm-4.3%206.485l.115.225a8%208%200%200%201-3.54.83v-.25c1.23%200%202.395-.29%203.43-.8zm-7.53-.355l-.14.205a8.05%208.05%200%200%201-2.585-2.59l.2-.15c.63%201.025%201.5%201.9%202.525%202.535M4.25%2011.9H4c.015-1.31.35-2.545.92-3.63l.235.09a7.7%207.7%200%200%200-.905%203.54M12%204h.055v.25h-.05c-1.37%200-2.65.35-3.765.965l-.1-.225A8%208%200%200%201%2012.005%204zm7.51%208a7.506%207.506%200%201%201-15.011.004a7.506%207.506%200%200%201%2015.011-.009zm.25%200a7.75%207.75%200%200%201-4.79%207.163a7.75%207.75%200%200%201-8.45-1.684a7.756%207.756%200%201%201%2013.24-5.484z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAxgFERcC)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.166%205.375c-.005.46-.325%201.58-1.595%202.73l-1.3%201.19c-.825.76-1.55%201.425-1.9%201.705h2.2l.08.01c.35.035.94.1.94.545V12h-4.02l-.065.1c-.175.27-.505.785-.505%201.335c0%20.79.95%202.565%202.86%202.565c1.525%200%202.725-.815%203.13-1.125c.545.4%201.975%201.125%203.385%201.125C17.14%2016%2018%2014.98%2018%2013.78c0-.965-.47-1.56-.63-1.74c.02.19-.11.66-.8%201.035l.29%201.425H15.5l-.205-1.265l-.345%201.265h-1.33l.48-2.255h2.13V12h-2.075l.21-1h2.31s-2.39-2.025-3.055-2.77c-.66-.735-1.445-1.75-1.46-2.85zM10.846%2011l-.205%201h1.38l.16-1zm-.725%203.5h1.325l.33-1.215l.405%201.215h1.39l-.54-1.845l.315-.42h-2.81zm2.03-2.5l.82-1h1.335l-.775%201zm-2.975%205.5c.88-.1%202.535-.735%202.825-2.5a2.99%202.99%200%200%200%202.825%202.5zm-2.365-3h1.35l.24-1.23h.655c.34-.03%201.05-.2%201.19-.655l.1-.35h-3.12z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGY5GXkbXE%22%20x1%3D%227.548%22%20x2%3D%2216.392%22%20y1%3D%226.595%22%20y2%3D%2216.638%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fffcf8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23575757%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfCcxNban%22%20x1%3D%227.74%22%20x2%3D%2217.75%22%20y1%3D%226.145%22%20y2%3D%2217.44%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fb18ad%22%2F%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%23e20c7b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231d010d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAxgFERcC%22%20x1%3D%228.432%22%20x2%3D%2215.247%22%20y1%3D%229.11%22%20y2%3D%2214.999%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ff14a4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231c000c%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd173%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/pkr-background.svg?color=%231a73e8&size=48