logo pwa icon
logo-pwa from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-pwa
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- logo-pwa-outline
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropbox
Use the logo pwa icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m330.7 352l77.72-192H356.9l-53.16 124.07L265.93 160h-39.61l-40.58 124.07l-28.63-56.53l-25.9 79.46l26.3 45h50.7l36.68-111.27l35 111.27ZM48.79 286.09h31.65a93.4 93.4 0 0 0 25.62-3.21l8.18-25.19l22.88-70.39a56 56 0 0 0-6-7.82Q113.54 160 79.59 160H0v192h48.79Zm41.9-81.92q6.89 6.92 6.88 18.52t-6 18.53q-6.64 7.62-24.44 7.61H48.79v-51.58h18.42q16.59 0 23.48 6.92m286.16 113.44l14.79-37.25h42.69l-20.26-56.51L439.41 160L512 352h-53.53l-12.4-34.39Z"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoPwa(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m330.7 352l77.72-192H356.9l-53.16 124.07L265.93 160h-39.61l-40.58 124.07l-28.63-56.53l-25.9 79.46l26.3 45h50.7l36.68-111.27l35 111.27ZM48.79 286.09h31.65a93.4 93.4 0 0 0 25.62-3.21l8.18-25.19l22.88-70.39a56 56 0 0 0-6-7.82Q113.54 160 79.59 160H0v192h48.79Zm41.9-81.92q6.89 6.92 6.88 18.52t-6 18.53q-6.64 7.62-24.44 7.61H48.79v-51.58h18.42q16.59 0 23.48 6.92m286.16 113.44l14.79-37.25h42.69l-20.26-56.51L439.41 160L512 352h-53.53l-12.4-34.39Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="m330.7 352l77.72-192H356.9l-53.16 124.07L265.93 160h-39.61l-40.58 124.07l-28.63-56.53l-25.9 79.46l26.3 45h50.7l36.68-111.27l35 111.27ZM48.79 286.09h31.65a93.4 93.4 0 0 0 25.62-3.21l8.18-25.19l22.88-70.39a56 56 0 0 0-6-7.82Q113.54 160 79.59 160H0v192h48.79Zm41.9-81.92q6.89 6.92 6.88 18.52t-6 18.53q-6.64 7.62-24.44 7.61H48.79v-51.58h18.42q16.59 0 23.48 6.92m286.16 113.44l14.79-37.25h42.69l-20.26-56.51L439.41 160L512 352h-53.53l-12.4-34.39Z"/></svg> </template>
CSS
.icon-logo-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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m330.7%20352l77.72-192H356.9l-53.16%20124.07L265.93%20160h-39.61l-40.58%20124.07l-28.63-56.53l-25.9%2079.46l26.3%2045h50.7l36.68-111.27l35%20111.27ZM48.79%20286.09h31.65a93.4%2093.4%200%200%200%2025.62-3.21l8.18-25.19l22.88-70.39a56%2056%200%200%200-6-7.82Q113.54%20160%2079.59%20160H0v192h48.79Zm41.9-81.92q6.89%206.92%206.88%2018.52t-6%2018.53q-6.64%207.62-24.44%207.61H48.79v-51.58h18.42q16.59%200%2023.48%206.92m286.16%20113.44l14.79-37.25h42.69l-20.26-56.51L439.41%20160L512%20352h-53.53l-12.4-34.39Z%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m330.7%20352l77.72-192H356.9l-53.16%20124.07L265.93%20160h-39.61l-40.58%20124.07l-28.63-56.53l-25.9%2079.46l26.3%2045h50.7l36.68-111.27l35%20111.27ZM48.79%20286.09h31.65a93.4%2093.4%200%200%200%2025.62-3.21l8.18-25.19l22.88-70.39a56%2056%200%200%200-6-7.82Q113.54%20160%2079.59%20160H0v192h48.79Zm41.9-81.92q6.89%206.92%206.88%2018.52t-6%2018.53q-6.64%207.62-24.44%207.61H48.79v-51.58h18.42q16.59%200%2023.48%206.92m286.16%20113.44l14.79-37.25h42.69l-20.26-56.51L439.41%20160L512%20352h-53.53l-12.4-34.39Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-pwa.svg?color=%231a73e8&size=48
