stripe s logo
stripe-s from Font Awesome Brands by Dave Gandy · Brand · Payments & Shopping · CC-BY-4.0 Attribution required.
- Name
- stripe-s
- Set
- Font Awesome Brands
- Style
- Brand
- Category
- Payments & Shopping
- Viewbox
- 640×640
- License
- CC BY 4.0
The same logo in other sets
More payments & shopping icons from Font Awesome Brands
Use the stripe s logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M283.6 218.6c0-22.3 18.6-30.9 48.4-30.9c43.4 0 98.5 13.3 141.9 36.7V90.1C426.6 71.2 379.4 64 332.1 64c-115.7 0-192.8 60.4-192.8 161.4c0 157.9 216.8 132.3 216.8 200.4c0 26.4-22.9 34.9-54.7 34.9c-47.2 0-108.2-19.5-156.1-45.5v128.5c49.3 21.3 102.3 32.3 156 32.4c118.6 0 200.3-51 200.3-153.6c0-170.2-218-139.7-218-203.9"/></svg>
React
import type { SVGProps } from "react";
export function Fa7BrandsStripeS(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M283.6 218.6c0-22.3 18.6-30.9 48.4-30.9c43.4 0 98.5 13.3 141.9 36.7V90.1C426.6 71.2 379.4 64 332.1 64c-115.7 0-192.8 60.4-192.8 161.4c0 157.9 216.8 132.3 216.8 200.4c0 26.4-22.9 34.9-54.7 34.9c-47.2 0-108.2-19.5-156.1-45.5v128.5c49.3 21.3 102.3 32.3 156 32.4c118.6 0 200.3-51 200.3-153.6c0-170.2-218-139.7-218-203.9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M283.6 218.6c0-22.3 18.6-30.9 48.4-30.9c43.4 0 98.5 13.3 141.9 36.7V90.1C426.6 71.2 379.4 64 332.1 64c-115.7 0-192.8 60.4-192.8 161.4c0 157.9 216.8 132.3 216.8 200.4c0 26.4-22.9 34.9-54.7 34.9c-47.2 0-108.2-19.5-156.1-45.5v128.5c49.3 21.3 102.3 32.3 156 32.4c118.6 0 200.3-51 200.3-153.6c0-170.2-218-139.7-218-203.9"/></svg> </template>
CSS
.icon-stripe-s {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M283.6%20218.6c0-22.3%2018.6-30.9%2048.4-30.9c43.4%200%2098.5%2013.3%20141.9%2036.7V90.1C426.6%2071.2%20379.4%2064%20332.1%2064c-115.7%200-192.8%2060.4-192.8%20161.4c0%20157.9%20216.8%20132.3%20216.8%20200.4c0%2026.4-22.9%2034.9-54.7%2034.9c-47.2%200-108.2-19.5-156.1-45.5v128.5c49.3%2021.3%20102.3%2032.3%20156%2032.4c118.6%200%20200.3-51%20200.3-153.6c0-170.2-218-139.7-218-203.9%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M283.6%20218.6c0-22.3%2018.6-30.9%2048.4-30.9c43.4%200%2098.5%2013.3%20141.9%2036.7V90.1C426.6%2071.2%20379.4%2064%20332.1%2064c-115.7%200-192.8%2060.4-192.8%20161.4c0%20157.9%20216.8%20132.3%20216.8%20200.4c0%2026.4-22.9%2034.9-54.7%2034.9c-47.2%200-108.2-19.5-156.1-45.5v128.5c49.3%2021.3%20102.3%2032.3%20156%2032.4c118.6%200%20200.3-51%20200.3-153.6c0-170.2-218-139.7-218-203.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/stripe-s.svg?color=%231a73e8&size=48
