pixiv logo

pixiv from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: pixiv
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

pixivFont Awesome 6 Brands pixivSimple Icons

Use the pixiv logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M192 96c-53 0-96 43-96 96v256c0 53 43 96 96 96h256c53 0 96-43 96-96V192c0-53-43-96-96-96zm77.7 217.3c0 33.2 26.9 60.2 60.2 60.2c33.2 0 60.1-27 60.1-60.2s-26.9-60.1-60.1-60.1c-33.3 0-60.2 26.9-60.2 60.1m-54.6 138.5c-.3-.8-.5-1.7-.5-2.6V204.9c0-1.8.7-3.6 2-4.9s3-2 4.9-2h16.9c1.2 0 2.3.3 3.3.8s1.9 1.3 2.5 2.3l14 21.8c19.7-15.6 44.5-25 71.6-25c63.6 0 115.2 51.6 115.2 115.2s-51.5 115.4-115.2 115.4c-22 0-42.6-6.2-60.1-16.9v37.6c0 .9-.2 1.8-.5 2.6s-.9 1.6-1.5 2.2s-1.4 1.1-2.2 1.5s-1.7.5-2.6.5h-41.3c-.9 0-1.8-.2-2.6-.5s-1.6-.9-2.2-1.5s-1.1-1.4-1.5-2.2z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsPixiv(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M192 96c-53 0-96 43-96 96v256c0 53 43 96 96 96h256c53 0 96-43 96-96V192c0-53-43-96-96-96zm77.7 217.3c0 33.2 26.9 60.2 60.2 60.2c33.2 0 60.1-27 60.1-60.2s-26.9-60.1-60.1-60.1c-33.3 0-60.2 26.9-60.2 60.1m-54.6 138.5c-.3-.8-.5-1.7-.5-2.6V204.9c0-1.8.7-3.6 2-4.9s3-2 4.9-2h16.9c1.2 0 2.3.3 3.3.8s1.9 1.3 2.5 2.3l14 21.8c19.7-15.6 44.5-25 71.6-25c63.6 0 115.2 51.6 115.2 115.2s-51.5 115.4-115.2 115.4c-22 0-42.6-6.2-60.1-16.9v37.6c0 .9-.2 1.8-.5 2.6s-.9 1.6-1.5 2.2s-1.4 1.1-2.2 1.5s-1.7.5-2.6.5h-41.3c-.9 0-1.8-.2-2.6-.5s-1.6-.9-2.2-1.5s-1.1-1.4-1.5-2.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M192 96c-53 0-96 43-96 96v256c0 53 43 96 96 96h256c53 0 96-43 96-96V192c0-53-43-96-96-96zm77.7 217.3c0 33.2 26.9 60.2 60.2 60.2c33.2 0 60.1-27 60.1-60.2s-26.9-60.1-60.1-60.1c-33.3 0-60.2 26.9-60.2 60.1m-54.6 138.5c-.3-.8-.5-1.7-.5-2.6V204.9c0-1.8.7-3.6 2-4.9s3-2 4.9-2h16.9c1.2 0 2.3.3 3.3.8s1.9 1.3 2.5 2.3l14 21.8c19.7-15.6 44.5-25 71.6-25c63.6 0 115.2 51.6 115.2 115.2s-51.5 115.4-115.2 115.4c-22 0-42.6-6.2-60.1-16.9v37.6c0 .9-.2 1.8-.5 2.6s-.9 1.6-1.5 2.2s-1.4 1.1-2.2 1.5s-1.7.5-2.6.5h-41.3c-.9 0-1.8-.2-2.6-.5s-1.6-.9-2.2-1.5s-1.1-1.4-1.5-2.2z"/></svg>
</template>

CSS

.icon-pixiv {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%2096c-53%200-96%2043-96%2096v256c0%2053%2043%2096%2096%2096h256c53%200%2096-43%2096-96V192c0-53-43-96-96-96zm77.7%20217.3c0%2033.2%2026.9%2060.2%2060.2%2060.2c33.2%200%2060.1-27%2060.1-60.2s-26.9-60.1-60.1-60.1c-33.3%200-60.2%2026.9-60.2%2060.1m-54.6%20138.5c-.3-.8-.5-1.7-.5-2.6V204.9c0-1.8.7-3.6%202-4.9s3-2%204.9-2h16.9c1.2%200%202.3.3%203.3.8s1.9%201.3%202.5%202.3l14%2021.8c19.7-15.6%2044.5-25%2071.6-25c63.6%200%20115.2%2051.6%20115.2%20115.2s-51.5%20115.4-115.2%20115.4c-22%200-42.6-6.2-60.1-16.9v37.6c0%20.9-.2%201.8-.5%202.6s-.9%201.6-1.5%202.2s-1.4%201.1-2.2%201.5s-1.7.5-2.6.5h-41.3c-.9%200-1.8-.2-2.6-.5s-1.6-.9-2.2-1.5s-1.1-1.4-1.5-2.2z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%2096c-53%200-96%2043-96%2096v256c0%2053%2043%2096%2096%2096h256c53%200%2096-43%2096-96V192c0-53-43-96-96-96zm77.7%20217.3c0%2033.2%2026.9%2060.2%2060.2%2060.2c33.2%200%2060.1-27%2060.1-60.2s-26.9-60.1-60.1-60.1c-33.3%200-60.2%2026.9-60.2%2060.1m-54.6%20138.5c-.3-.8-.5-1.7-.5-2.6V204.9c0-1.8.7-3.6%202-4.9s3-2%204.9-2h16.9c1.2%200%202.3.3%203.3.8s1.9%201.3%202.5%202.3l14%2021.8c19.7-15.6%2044.5-25%2071.6-25c63.6%200%20115.2%2051.6%20115.2%20115.2s-51.5%20115.4-115.2%20115.4c-22%200-42.6-6.2-60.1-16.9v37.6c0%20.9-.2%201.8-.5%202.6s-.9%201.6-1.5%202.2s-1.4%201.1-2.2%201.5s-1.7.5-2.6.5h-41.3c-.9%200-1.8-.2-2.6-.5s-1.6-.9-2.2-1.5s-1.1-1.4-1.5-2.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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