pika logo

pika from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.

Name
pika
Set
LobeHub AI Icons
Style
Mono
Viewbox
24×24
License
MIT

1 other variant in LobeHub AI Icons

pika-text

The same logo in other sets

pikaWeb3 IconspikaWeb3 Icons Branded

Use the pika logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M.661 19.889h8.666c-.14-1.41-1.145-2.955-3.601-4.007v-.104c2.863.88 3.893 2.386 4.312 4.11H20.73l-1.72-1.476C20.017 15.244 24 13.747 24 13.747c-.141-2.541-1.441-4.909-5.787-6.827L8.326 3c.331 4.179 1.811 6.575 5.523 7.163v.102c-2.579-.064-4.368-1.216-5.275-3.588C.698 8.123-1.201 14.156.66 19.889z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubPika(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M.661 19.889h8.666c-.14-1.41-1.145-2.955-3.601-4.007v-.104c2.863.88 3.893 2.386 4.312 4.11H20.73l-1.72-1.476C20.017 15.244 24 13.747 24 13.747c-.141-2.541-1.441-4.909-5.787-6.827L8.326 3c.331 4.179 1.811 6.575 5.523 7.163v.102c-2.579-.064-4.368-1.216-5.275-3.588C.698 8.123-1.201 14.156.66 19.889z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M.661 19.889h8.666c-.14-1.41-1.145-2.955-3.601-4.007v-.104c2.863.88 3.893 2.386 4.312 4.11H20.73l-1.72-1.476C20.017 15.244 24 13.747 24 13.747c-.141-2.541-1.441-4.909-5.787-6.827L8.326 3c.331 4.179 1.811 6.575 5.523 7.163v.102c-2.579-.064-4.368-1.216-5.275-3.588C.698 8.123-1.201 14.156.66 19.889z"/></svg>
</template>

CSS

.icon-pika {
  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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.661%2019.889h8.666c-.14-1.41-1.145-2.955-3.601-4.007v-.104c2.863.88%203.893%202.386%204.312%204.11H20.73l-1.72-1.476C20.017%2015.244%2024%2013.747%2024%2013.747c-.141-2.541-1.441-4.909-5.787-6.827L8.326%203c.331%204.179%201.811%206.575%205.523%207.163v.102c-2.579-.064-4.368-1.216-5.275-3.588C.698%208.123-1.201%2014.156.66%2019.889z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.661%2019.889h8.666c-.14-1.41-1.145-2.955-3.601-4.007v-.104c2.863.88%203.893%202.386%204.312%204.11H20.73l-1.72-1.476C20.017%2015.244%2024%2013.747%2024%2013.747c-.141-2.541-1.441-4.909-5.787-6.827L8.326%203c.331%204.179%201.811%206.575%205.523%207.163v.102c-2.579-.064-4.368-1.216-5.275-3.588C.698%208.123-1.201%2014.156.66%2019.889z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/pika.svg?color=%231a73e8&size=48