pix logo icon
pix-logo-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- pix-logo-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the pix logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m232.5 119.55l-96.05-96a12 12 0 0 0-16.9 0l-96 96.05a12 12 0 0 0 0 16.9l96.05 96.05a12 12 0 0 0 16.9 0l96.05-96.05a12 12 0 0 0 0-16.9ZM125.21 29.16a3.94 3.94 0 0 1 5.58 0L193.64 92H160a4 4 0 0 0-2.83 1.17L128 122.34L98.83 93.17A4 4 0 0 0 96 92H62.36ZM28 128a3.9 3.9 0 0 1 1.16-2.79L54.36 100h40l28 28l-28 28h-40l-25.2-25.21A3.9 3.9 0 0 1 28 128m102.79 98.84a4 4 0 0 1-5.58 0L62.36 164H96a4 4 0 0 0 2.83-1.17L128 133.66l29.17 29.17A4 4 0 0 0 160 164h33.64Zm96.05-96.05L201.64 156h-40l-28-28l28-28h40l25.2 25.21a3.94 3.94 0 0 1 0 5.58"/></svg>
React
import type { SVGProps } from "react";
export function PhPixLogoThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m232.5 119.55l-96.05-96a12 12 0 0 0-16.9 0l-96 96.05a12 12 0 0 0 0 16.9l96.05 96.05a12 12 0 0 0 16.9 0l96.05-96.05a12 12 0 0 0 0-16.9ZM125.21 29.16a3.94 3.94 0 0 1 5.58 0L193.64 92H160a4 4 0 0 0-2.83 1.17L128 122.34L98.83 93.17A4 4 0 0 0 96 92H62.36ZM28 128a3.9 3.9 0 0 1 1.16-2.79L54.36 100h40l28 28l-28 28h-40l-25.2-25.21A3.9 3.9 0 0 1 28 128m102.79 98.84a4 4 0 0 1-5.58 0L62.36 164H96a4 4 0 0 0 2.83-1.17L128 133.66l29.17 29.17A4 4 0 0 0 160 164h33.64Zm96.05-96.05L201.64 156h-40l-28-28l28-28h40l25.2 25.21a3.94 3.94 0 0 1 0 5.58"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m232.5 119.55l-96.05-96a12 12 0 0 0-16.9 0l-96 96.05a12 12 0 0 0 0 16.9l96.05 96.05a12 12 0 0 0 16.9 0l96.05-96.05a12 12 0 0 0 0-16.9ZM125.21 29.16a3.94 3.94 0 0 1 5.58 0L193.64 92H160a4 4 0 0 0-2.83 1.17L128 122.34L98.83 93.17A4 4 0 0 0 96 92H62.36ZM28 128a3.9 3.9 0 0 1 1.16-2.79L54.36 100h40l28 28l-28 28h-40l-25.2-25.21A3.9 3.9 0 0 1 28 128m102.79 98.84a4 4 0 0 1-5.58 0L62.36 164H96a4 4 0 0 0 2.83-1.17L128 133.66l29.17 29.17A4 4 0 0 0 160 164h33.64Zm96.05-96.05L201.64 156h-40l-28-28l28-28h40l25.2 25.21a3.94 3.94 0 0 1 0 5.58"/></svg> </template>
CSS
.icon-pix-logo-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m232.5%20119.55l-96.05-96a12%2012%200%200%200-16.9%200l-96%2096.05a12%2012%200%200%200%200%2016.9l96.05%2096.05a12%2012%200%200%200%2016.9%200l96.05-96.05a12%2012%200%200%200%200-16.9ZM125.21%2029.16a3.94%203.94%200%200%201%205.58%200L193.64%2092H160a4%204%200%200%200-2.83%201.17L128%20122.34L98.83%2093.17A4%204%200%200%200%2096%2092H62.36ZM28%20128a3.9%203.9%200%200%201%201.16-2.79L54.36%20100h40l28%2028l-28%2028h-40l-25.2-25.21A3.9%203.9%200%200%201%2028%20128m102.79%2098.84a4%204%200%200%201-5.58%200L62.36%20164H96a4%204%200%200%200%202.83-1.17L128%20133.66l29.17%2029.17A4%204%200%200%200%20160%20164h33.64Zm96.05-96.05L201.64%20156h-40l-28-28l28-28h40l25.2%2025.21a3.94%203.94%200%200%201%200%205.58%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m232.5%20119.55l-96.05-96a12%2012%200%200%200-16.9%200l-96%2096.05a12%2012%200%200%200%200%2016.9l96.05%2096.05a12%2012%200%200%200%2016.9%200l96.05-96.05a12%2012%200%200%200%200-16.9ZM125.21%2029.16a3.94%203.94%200%200%201%205.58%200L193.64%2092H160a4%204%200%200%200-2.83%201.17L128%20122.34L98.83%2093.17A4%204%200%200%200%2096%2092H62.36ZM28%20128a3.9%203.9%200%200%201%201.16-2.79L54.36%20100h40l28%2028l-28%2028h-40l-25.2-25.21A3.9%203.9%200%200%201%2028%20128m102.79%2098.84a4%204%200%200%201-5.58%200L62.36%20164H96a4%204%200%200%200%202.83-1.17L128%20133.66l29.17%2029.17A4%204%200%200%200%20160%20164h33.64Zm96.05-96.05L201.64%20156h-40l-28-28l28-28h40l25.2%2025.21a3.94%203.94%200%200%201%200%205.58%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/pix-logo-thin.svg?color=%231a73e8&size=48
