stripe logo icon
stripe-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- stripe-logo-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the stripe logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M166 152c0 16.54-17.05 30-38 30s-38-13.46-38-30a6 6 0 0 1 12 0c0 9.76 11.91 18 26 18s26-8.24 26-18c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1 15.57-30 36.22-30c15 0 27.74 6.88 33.34 18a6 6 0 0 1-10.71 5.42C147.08 90.36 138.41 86 128 86c-13.81 0-24.22 7.74-24.22 18c0 8.41 9.52 11.76 25.21 16.29C145.48 125 166 131 166 152m56-104v160a14 14 0 0 1-14 14H48a14 14 0 0 1-14-14V48a14 14 0 0 1 14-14h160a14 14 0 0 1 14 14m-12 0a2 2 0 0 0-2-2H48a2 2 0 0 0-2 2v160a2 2 0 0 0 2 2h160a2 2 0 0 0 2-2Z"/></svg>
React
import type { SVGProps } from "react";
export function PhStripeLogoLight(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="M166 152c0 16.54-17.05 30-38 30s-38-13.46-38-30a6 6 0 0 1 12 0c0 9.76 11.91 18 26 18s26-8.24 26-18c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1 15.57-30 36.22-30c15 0 27.74 6.88 33.34 18a6 6 0 0 1-10.71 5.42C147.08 90.36 138.41 86 128 86c-13.81 0-24.22 7.74-24.22 18c0 8.41 9.52 11.76 25.21 16.29C145.48 125 166 131 166 152m56-104v160a14 14 0 0 1-14 14H48a14 14 0 0 1-14-14V48a14 14 0 0 1 14-14h160a14 14 0 0 1 14 14m-12 0a2 2 0 0 0-2-2H48a2 2 0 0 0-2 2v160a2 2 0 0 0 2 2h160a2 2 0 0 0 2-2Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M166 152c0 16.54-17.05 30-38 30s-38-13.46-38-30a6 6 0 0 1 12 0c0 9.76 11.91 18 26 18s26-8.24 26-18c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1 15.57-30 36.22-30c15 0 27.74 6.88 33.34 18a6 6 0 0 1-10.71 5.42C147.08 90.36 138.41 86 128 86c-13.81 0-24.22 7.74-24.22 18c0 8.41 9.52 11.76 25.21 16.29C145.48 125 166 131 166 152m56-104v160a14 14 0 0 1-14 14H48a14 14 0 0 1-14-14V48a14 14 0 0 1 14-14h160a14 14 0 0 1 14 14m-12 0a2 2 0 0 0-2-2H48a2 2 0 0 0-2 2v160a2 2 0 0 0 2 2h160a2 2 0 0 0 2-2Z"/></svg> </template>
CSS
.icon-stripe-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%22M166%20152c0%2016.54-17.05%2030-38%2030s-38-13.46-38-30a6%206%200%200%201%2012%200c0%209.76%2011.91%2018%2026%2018s26-8.24%2026-18c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1%2015.57-30%2036.22-30c15%200%2027.74%206.88%2033.34%2018a6%206%200%200%201-10.71%205.42C147.08%2090.36%20138.41%2086%20128%2086c-13.81%200-24.22%207.74-24.22%2018c0%208.41%209.52%2011.76%2025.21%2016.29C145.48%20125%20166%20131%20166%20152m56-104v160a14%2014%200%200%201-14%2014H48a14%2014%200%200%201-14-14V48a14%2014%200%200%201%2014-14h160a14%2014%200%200%201%2014%2014m-12%200a2%202%200%200%200-2-2H48a2%202%200%200%200-2%202v160a2%202%200%200%200%202%202h160a2%202%200%200%200%202-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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M166%20152c0%2016.54-17.05%2030-38%2030s-38-13.46-38-30a6%206%200%200%201%2012%200c0%209.76%2011.91%2018%2026%2018s26-8.24%2026-18c0-11.21-10.7-15.1-28.33-20.18c-15.89-4.58-33.89-9.77-33.89-27.82c0-17.1%2015.57-30%2036.22-30c15%200%2027.74%206.88%2033.34%2018a6%206%200%200%201-10.71%205.42C147.08%2090.36%20138.41%2086%20128%2086c-13.81%200-24.22%207.74-24.22%2018c0%208.41%209.52%2011.76%2025.21%2016.29C145.48%20125%20166%20131%20166%20152m56-104v160a14%2014%200%200%201-14%2014H48a14%2014%200%200%201-14-14V48a14%2014%200%200%201%2014-14h160a14%2014%200%200%201%2014%2014m-12%200a2%202%200%200%200-2-2H48a2%202%200%200%200-2%202v160a2%202%200%200%200%202%202h160a2%202%200%200%200%202-2Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/stripe-logo-light.svg?color=%231a73e8&size=48
