groupon logo
groupon from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- groupon
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the groupon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.316 20.334C5.618 22.736 8.554 24 12.012 24c3.988 0 7.739-1.95 9.978-5.163c1.353-1.95 2.01-4.158 2.01-6.755c0-.484-.032-1.006-.063-1.529H10.595v4.61h6.687c-1.155 2.012-3.094 3.12-5.27 3.12c-3.229 0-6.125-2.824-6.125-6.497c0-3.315 2.699-6.069 6.125-6.069c1.844 0 3.355.749 4.811 2.239h6.52C21.468 3.019 17.084 0 12.083 0c-3.323 0-6.22 1.17-8.53 3.409C1.25 5.647 0 8.572 0 11.754c-.008 3.417 1.108 6.271 3.316 8.58"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsGroupon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.316 20.334C5.618 22.736 8.554 24 12.012 24c3.988 0 7.739-1.95 9.978-5.163c1.353-1.95 2.01-4.158 2.01-6.755c0-.484-.032-1.006-.063-1.529H10.595v4.61h6.687c-1.155 2.012-3.094 3.12-5.27 3.12c-3.229 0-6.125-2.824-6.125-6.497c0-3.315 2.699-6.069 6.125-6.069c1.844 0 3.355.749 4.811 2.239h6.52C21.468 3.019 17.084 0 12.083 0c-3.323 0-6.22 1.17-8.53 3.409C1.25 5.647 0 8.572 0 11.754c-.008 3.417 1.108 6.271 3.316 8.58"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.316 20.334C5.618 22.736 8.554 24 12.012 24c3.988 0 7.739-1.95 9.978-5.163c1.353-1.95 2.01-4.158 2.01-6.755c0-.484-.032-1.006-.063-1.529H10.595v4.61h6.687c-1.155 2.012-3.094 3.12-5.27 3.12c-3.229 0-6.125-2.824-6.125-6.497c0-3.315 2.699-6.069 6.125-6.069c1.844 0 3.355.749 4.811 2.239h6.52C21.468 3.019 17.084 0 12.083 0c-3.323 0-6.22 1.17-8.53 3.409C1.25 5.647 0 8.572 0 11.754c-.008 3.417 1.108 6.271 3.316 8.58"/></svg> </template>
CSS
.icon-groupon {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.316%2020.334C5.618%2022.736%208.554%2024%2012.012%2024c3.988%200%207.739-1.95%209.978-5.163c1.353-1.95%202.01-4.158%202.01-6.755c0-.484-.032-1.006-.063-1.529H10.595v4.61h6.687c-1.155%202.012-3.094%203.12-5.27%203.12c-3.229%200-6.125-2.824-6.125-6.497c0-3.315%202.699-6.069%206.125-6.069c1.844%200%203.355.749%204.811%202.239h6.52C21.468%203.019%2017.084%200%2012.083%200c-3.323%200-6.22%201.17-8.53%203.409C1.25%205.647%200%208.572%200%2011.754c-.008%203.417%201.108%206.271%203.316%208.58%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.316%2020.334C5.618%2022.736%208.554%2024%2012.012%2024c3.988%200%207.739-1.95%209.978-5.163c1.353-1.95%202.01-4.158%202.01-6.755c0-.484-.032-1.006-.063-1.529H10.595v4.61h6.687c-1.155%202.012-3.094%203.12-5.27%203.12c-3.229%200-6.125-2.824-6.125-6.497c0-3.315%202.699-6.069%206.125-6.069c1.844%200%203.355.749%204.811%202.239h6.52C21.468%203.019%2017.084%200%2012.083%200c-3.323%200-6.22%201.17-8.53%203.409C1.25%205.647%200%208.572%200%2011.754c-.008%203.417%201.108%206.271%203.316%208.58%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/groupon.svg?color=%231a73e8&size=48
