pika logo
pika-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- pika-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 pika 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(#SVGHcSWxdhd9)"><path fill="#fce74f" d="M24 0H0v24h24z"/><path fill="#000" fill-rule="evenodd" d="M10.628 5.057c-1.164.354-2.022 1.561-2.022 4.107c0 2.434.543 3.583 1.576 4.421c.088.074.2.113.315.112c.272 0 .533-.18.533-.485V6.638c0-.941.597-2.638 2.682-2.638c2.603 0 4.591 2.448 4.591 5.164c0 2.594-1.358 5.347-4.916 6.104c-.315.063-.417.33-.417.64v3.185c0 .5-.325.907-.97.907c-.514 0-.97-.407-.97-.907v-3.19c0-.31-.28-.572-.586-.65c-1.843-.485-4.747-2.181-4.747-6.09c0-3.927 2.982-5.042 4.824-5.158a.485.485 0 0 1 .51.494c0 .243-.18.456-.403.558m2.342 7.927V6.463c0-.848.848-1.353 1.43-.732c.776.824 1.479 2.109 1.479 3.908c0 2.177-1.038 3.389-1.978 3.966c-.442.271-.931-.097-.931-.62" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd9"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedPikaBackground(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(#SVGHcSWxdhd9)"><path fill="#fce74f" d="M24 0H0v24h24z"/><path fill="#000" fillRule="evenodd" d="M10.628 5.057c-1.164.354-2.022 1.561-2.022 4.107c0 2.434.543 3.583 1.576 4.421c.088.074.2.113.315.112c.272 0 .533-.18.533-.485V6.638c0-.941.597-2.638 2.682-2.638c2.603 0 4.591 2.448 4.591 5.164c0 2.594-1.358 5.347-4.916 6.104c-.315.063-.417.33-.417.64v3.185c0 .5-.325.907-.97.907c-.514 0-.97-.407-.97-.907v-3.19c0-.31-.28-.572-.586-.65c-1.843-.485-4.747-2.181-4.747-6.09c0-3.927 2.982-5.042 4.824-5.158a.485.485 0 0 1 .51.494c0 .243-.18.456-.403.558m2.342 7.927V6.463c0-.848.848-1.353 1.43-.732c.776.824 1.479 2.109 1.479 3.908c0 2.177-1.038 3.389-1.978 3.966c-.442.271-.931-.097-.931-.62" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd9"><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(#SVGHcSWxdhd9)"><path fill="#fce74f" d="M24 0H0v24h24z"/><path fill="#000" fill-rule="evenodd" d="M10.628 5.057c-1.164.354-2.022 1.561-2.022 4.107c0 2.434.543 3.583 1.576 4.421c.088.074.2.113.315.112c.272 0 .533-.18.533-.485V6.638c0-.941.597-2.638 2.682-2.638c2.603 0 4.591 2.448 4.591 5.164c0 2.594-1.358 5.347-4.916 6.104c-.315.063-.417.33-.417.64v3.185c0 .5-.325.907-.97.907c-.514 0-.97-.407-.97-.907v-3.19c0-.31-.28-.572-.586-.65c-1.843-.485-4.747-2.181-4.747-6.09c0-3.927 2.982-5.042 4.824-5.158a.485.485 0 0 1 .51.494c0 .243-.18.456-.403.558m2.342 7.927V6.463c0-.848.848-1.353 1.43-.732c.776.824 1.479 2.109 1.479 3.908c0 2.177-1.038 3.389-1.978 3.966c-.442.271-.931-.097-.931-.62" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd9"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-pika-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(%23SVGHcSWxdhd9)%22%3E%3Cpath%20fill%3D%22%23fce74f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.628%205.057c-1.164.354-2.022%201.561-2.022%204.107c0%202.434.543%203.583%201.576%204.421c.088.074.2.113.315.112c.272%200%20.533-.18.533-.485V6.638c0-.941.597-2.638%202.682-2.638c2.603%200%204.591%202.448%204.591%205.164c0%202.594-1.358%205.347-4.916%206.104c-.315.063-.417.33-.417.64v3.185c0%20.5-.325.907-.97.907c-.514%200-.97-.407-.97-.907v-3.19c0-.31-.28-.572-.586-.65c-1.843-.485-4.747-2.181-4.747-6.09c0-3.927%202.982-5.042%204.824-5.158a.485.485%200%200%201%20.51.494c0%20.243-.18.456-.403.558m2.342%207.927V6.463c0-.848.848-1.353%201.43-.732c.776.824%201.479%202.109%201.479%203.908c0%202.177-1.038%203.389-1.978%203.966c-.442.271-.931-.097-.931-.62%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd9%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(%23SVGHcSWxdhd9)%22%3E%3Cpath%20fill%3D%22%23fce74f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.628%205.057c-1.164.354-2.022%201.561-2.022%204.107c0%202.434.543%203.583%201.576%204.421c.088.074.2.113.315.112c.272%200%20.533-.18.533-.485V6.638c0-.941.597-2.638%202.682-2.638c2.603%200%204.591%202.448%204.591%205.164c0%202.594-1.358%205.347-4.916%206.104c-.315.063-.417.33-.417.64v3.185c0%20.5-.325.907-.97.907c-.514%200-.97-.407-.97-.907v-3.19c0-.31-.28-.572-.586-.65c-1.843-.485-4.747-2.181-4.747-6.09c0-3.927%202.982-5.042%204.824-5.158a.485.485%200%200%201%20.51.494c0%20.243-.18.456-.403.558m2.342%207.927V6.463c0-.848.848-1.353%201.43-.732c.776.824%201.479%202.109%201.479%203.908c0%202.177-1.038%203.389-1.978%203.966c-.442.271-.931-.097-.931-.62%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd9%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/pika-background.svg?color=%231a73e8&size=48
