pix logo icon
pix-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- pix-logo-light
- Set
- Phosphor
- Style
- Light
- 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="m233.91 118.14l-96-96a13.93 13.93 0 0 0-19.72 0l-96 96.05a13.93 13.93 0 0 0 0 19.72l96.05 96a13.93 13.93 0 0 0 19.72 0l96-96a13.93 13.93 0 0 0 0-19.72ZM126.62 30.57a2 2 0 0 1 2.76 0L188.81 90H160a6 6 0 0 0-4.24 1.76L128 119.52l-27.76-27.76A6 6 0 0 0 96 90H67.19ZM30 128a1.94 1.94 0 0 1 .57-1.38L55.19 102h38.32l26 26l-26 26H55.19l-24.62-24.62A1.94 1.94 0 0 1 30 128m99.38 97.43a2 2 0 0 1-2.76 0L67.19 166H96a6 6 0 0 0 4.24-1.76L128 136.48l27.76 27.76A6 6 0 0 0 160 166h28.81Zm96.05-96.05L200.81 154h-38.32l-26-26l26-26h38.32l24.62 24.62a2 2 0 0 1 0 2.76"/></svg>
React
import type { SVGProps } from "react";
export function PhPixLogoLight(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="m233.91 118.14l-96-96a13.93 13.93 0 0 0-19.72 0l-96 96.05a13.93 13.93 0 0 0 0 19.72l96.05 96a13.93 13.93 0 0 0 19.72 0l96-96a13.93 13.93 0 0 0 0-19.72ZM126.62 30.57a2 2 0 0 1 2.76 0L188.81 90H160a6 6 0 0 0-4.24 1.76L128 119.52l-27.76-27.76A6 6 0 0 0 96 90H67.19ZM30 128a1.94 1.94 0 0 1 .57-1.38L55.19 102h38.32l26 26l-26 26H55.19l-24.62-24.62A1.94 1.94 0 0 1 30 128m99.38 97.43a2 2 0 0 1-2.76 0L67.19 166H96a6 6 0 0 0 4.24-1.76L128 136.48l27.76 27.76A6 6 0 0 0 160 166h28.81Zm96.05-96.05L200.81 154h-38.32l-26-26l26-26h38.32l24.62 24.62a2 2 0 0 1 0 2.76"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m233.91 118.14l-96-96a13.93 13.93 0 0 0-19.72 0l-96 96.05a13.93 13.93 0 0 0 0 19.72l96.05 96a13.93 13.93 0 0 0 19.72 0l96-96a13.93 13.93 0 0 0 0-19.72ZM126.62 30.57a2 2 0 0 1 2.76 0L188.81 90H160a6 6 0 0 0-4.24 1.76L128 119.52l-27.76-27.76A6 6 0 0 0 96 90H67.19ZM30 128a1.94 1.94 0 0 1 .57-1.38L55.19 102h38.32l26 26l-26 26H55.19l-24.62-24.62A1.94 1.94 0 0 1 30 128m99.38 97.43a2 2 0 0 1-2.76 0L67.19 166H96a6 6 0 0 0 4.24-1.76L128 136.48l27.76 27.76A6 6 0 0 0 160 166h28.81Zm96.05-96.05L200.81 154h-38.32l-26-26l26-26h38.32l24.62 24.62a2 2 0 0 1 0 2.76"/></svg> </template>
CSS
.icon-pix-logo-light {
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%22m233.91%20118.14l-96-96a13.93%2013.93%200%200%200-19.72%200l-96%2096.05a13.93%2013.93%200%200%200%200%2019.72l96.05%2096a13.93%2013.93%200%200%200%2019.72%200l96-96a13.93%2013.93%200%200%200%200-19.72ZM126.62%2030.57a2%202%200%200%201%202.76%200L188.81%2090H160a6%206%200%200%200-4.24%201.76L128%20119.52l-27.76-27.76A6%206%200%200%200%2096%2090H67.19ZM30%20128a1.94%201.94%200%200%201%20.57-1.38L55.19%20102h38.32l26%2026l-26%2026H55.19l-24.62-24.62A1.94%201.94%200%200%201%2030%20128m99.38%2097.43a2%202%200%200%201-2.76%200L67.19%20166H96a6%206%200%200%200%204.24-1.76L128%20136.48l27.76%2027.76A6%206%200%200%200%20160%20166h28.81Zm96.05-96.05L200.81%20154h-38.32l-26-26l26-26h38.32l24.62%2024.62a2%202%200%200%201%200%202.76%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%22m233.91%20118.14l-96-96a13.93%2013.93%200%200%200-19.72%200l-96%2096.05a13.93%2013.93%200%200%200%200%2019.72l96.05%2096a13.93%2013.93%200%200%200%2019.72%200l96-96a13.93%2013.93%200%200%200%200-19.72ZM126.62%2030.57a2%202%200%200%201%202.76%200L188.81%2090H160a6%206%200%200%200-4.24%201.76L128%20119.52l-27.76-27.76A6%206%200%200%200%2096%2090H67.19ZM30%20128a1.94%201.94%200%200%201%20.57-1.38L55.19%20102h38.32l26%2026l-26%2026H55.19l-24.62-24.62A1.94%201.94%200%200%201%2030%20128m99.38%2097.43a2%202%200%200%201-2.76%200L67.19%20166H96a6%206%200%200%200%204.24-1.76L128%20136.48l27.76%2027.76A6%206%200%200%200%20160%20166h28.81Zm96.05-96.05L200.81%20154h-38.32l-26-26l26-26h38.32l24.62%2024.62a2%202%200%200%201%200%202.76%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/pix-logo-light.svg?color=%231a73e8&size=48
