pwa logo
pwa from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- pwa
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×193
- License
- CC0
The same logo in other sets
Use the pwa logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 193"><path fill="#3d3d3d" d="m376.818 158.244l14.791-37.403h42.707l-20.267-56.739L439.397 0L512 192.769h-53.542l-12.407-34.525z"/><path fill="#5a0fc8" d="M331.14 192.77L408.863 0l-51.528.001l-53.167 124.571L266.361.001h-39.607l-40.595 124.571l-28.629-56.764l-25.907 79.817l26.304 45.145h50.71L245.32 81.056l34.976 111.714z"/><path fill="#3d3d3d" d="M48.912 126.595H80.65q14.421 0 25.683-3.22l8.208-25.287l22.94-70.674a56.5 56.5 0 0 0-5.986-7.858Q113.827 0 79.795 0H0v192.77h48.912zm42.01-82.247q6.901 6.945 6.901 18.59q0 11.733-6.069 18.611q-6.653 7.642-24.5 7.642H48.912V37.404h18.476q16.635 0 23.534 6.945"/></svg>
React
import type { SVGProps } from "react";
export function LogosPwa(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 193"><path fill="#3d3d3d" d="m376.818 158.244l14.791-37.403h42.707l-20.267-56.739L439.397 0L512 192.769h-53.542l-12.407-34.525z"/><path fill="#5a0fc8" d="M331.14 192.77L408.863 0l-51.528.001l-53.167 124.571L266.361.001h-39.607l-40.595 124.571l-28.629-56.764l-25.907 79.817l26.304 45.145h50.71L245.32 81.056l34.976 111.714z"/><path fill="#3d3d3d" d="M48.912 126.595H80.65q14.421 0 25.683-3.22l8.208-25.287l22.94-70.674a56.5 56.5 0 0 0-5.986-7.858Q113.827 0 79.795 0H0v192.77h48.912zm42.01-82.247q6.901 6.945 6.901 18.59q0 11.733-6.069 18.611q-6.653 7.642-24.5 7.642H48.912V37.404h18.476q16.635 0 23.534 6.945"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 193"><path fill="#3d3d3d" d="m376.818 158.244l14.791-37.403h42.707l-20.267-56.739L439.397 0L512 192.769h-53.542l-12.407-34.525z"/><path fill="#5a0fc8" d="M331.14 192.77L408.863 0l-51.528.001l-53.167 124.571L266.361.001h-39.607l-40.595 124.571l-28.629-56.764l-25.907 79.817l26.304 45.145h50.71L245.32 81.056l34.976 111.714z"/><path fill="#3d3d3d" d="M48.912 126.595H80.65q14.421 0 25.683-3.22l8.208-25.287l22.94-70.674a56.5 56.5 0 0 0-5.986-7.858Q113.827 0 79.795 0H0v192.77h48.912zm42.01-82.247q6.901 6.945 6.901 18.59q0 11.733-6.069 18.611q-6.653 7.642-24.5 7.642H48.912V37.404h18.476q16.635 0 23.534 6.945"/></svg> </template>
CSS
.icon-pwa {
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%20512%20193%22%3E%3Cpath%20fill%3D%22%233d3d3d%22%20d%3D%22m376.818%20158.244l14.791-37.403h42.707l-20.267-56.739L439.397%200L512%20192.769h-53.542l-12.407-34.525z%22%2F%3E%3Cpath%20fill%3D%22%235a0fc8%22%20d%3D%22M331.14%20192.77L408.863%200l-51.528.001l-53.167%20124.571L266.361.001h-39.607l-40.595%20124.571l-28.629-56.764l-25.907%2079.817l26.304%2045.145h50.71L245.32%2081.056l34.976%20111.714z%22%2F%3E%3Cpath%20fill%3D%22%233d3d3d%22%20d%3D%22M48.912%20126.595H80.65q14.421%200%2025.683-3.22l8.208-25.287l22.94-70.674a56.5%2056.5%200%200%200-5.986-7.858Q113.827%200%2079.795%200H0v192.77h48.912zm42.01-82.247q6.901%206.945%206.901%2018.59q0%2011.733-6.069%2018.611q-6.653%207.642-24.5%207.642H48.912V37.404h18.476q16.635%200%2023.534%206.945%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%20512%20193%22%3E%3Cpath%20fill%3D%22%233d3d3d%22%20d%3D%22m376.818%20158.244l14.791-37.403h42.707l-20.267-56.739L439.397%200L512%20192.769h-53.542l-12.407-34.525z%22%2F%3E%3Cpath%20fill%3D%22%235a0fc8%22%20d%3D%22M331.14%20192.77L408.863%200l-51.528.001l-53.167%20124.571L266.361.001h-39.607l-40.595%20124.571l-28.629-56.764l-25.907%2079.817l26.304%2045.145h50.71L245.32%2081.056l34.976%20111.714z%22%2F%3E%3Cpath%20fill%3D%22%233d3d3d%22%20d%3D%22M48.912%20126.595H80.65q14.421%200%2025.683-3.22l8.208-25.287l22.94-70.674a56.5%2056.5%200%200%200-5.986-7.858Q113.827%200%2079.795%200H0v192.77h48.912zm42.01-82.247q6.901%206.945%206.901%2018.59q0%2011.733-6.069%2018.611q-6.653%207.642-24.5%207.642H48.912V37.404h18.476q16.635%200%2023.534%206.945%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/pwa.svg?color=%231a73e8&size=48
