flattr logo
flattr from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- flattr
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×257
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the flattr logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><defs><linearGradient id="SVGb4RBMc5u" x1="50%" x2="50%" y1="0%" y2="99.997%"><stop offset="0%" stop-color="#ea5f29"/><stop offset="100%" stop-color="#fabd1f"/></linearGradient><linearGradient id="SVGUg4UFeQR" x1="49.997%" x2="49.997%" y1="99.999%" y2=".001%"><stop offset="0%" stop-color="#abd33c"/><stop offset="100%" stop-color="#6cb02f"/></linearGradient></defs><path fill="url(#SVGb4RBMc5u)" d="M91.794 237.86C31.02 237.86 0 202.797 0 137.335V0l59.535 59.692v69.763c0 27.12 7.175 44.377 31.246 48.252c8.41 1.647 25.91 1.07 37.038 1.07v-41.423c0-.378.051-1.052.148-1.398c.466-1.677 1.98-2.905 3.774-2.909c1.015-.002 1.965.526 2.944 1.493l103.172 103.303l-69.253.016z" transform="matrix(1 0 0 -1 0 237.86)"/><path fill="url(#SVGUg4UFeQR)" d="M196.2 196.453V126.69c0-27.12-7.177-44.38-31.246-48.254c-8.41-1.645-25.91-1.068-37.038-1.068v41.421c0 .376-.051 1.052-.148 1.398c-.466 1.679-1.98 2.906-3.774 2.91c-1.015.003-1.965-.527-2.944-1.492L17.877 18.303l69.254-.016h76.81c60.775 0 91.794 35.06 91.794 100.52v137.337z" transform="matrix(1 0 0 -1 0 274.431)"/></svg>
React
import type { SVGProps } from "react";
export function LogosFlattr(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><defs><linearGradient id="SVGb4RBMc5u" x1="50%" x2="50%" y1="0%" y2="99.997%"><stop offset="0%" stopColor="#ea5f29"/><stop offset="100%" stopColor="#fabd1f"/></linearGradient><linearGradient id="SVGUg4UFeQR" x1="49.997%" x2="49.997%" y1="99.999%" y2=".001%"><stop offset="0%" stopColor="#abd33c"/><stop offset="100%" stopColor="#6cb02f"/></linearGradient></defs><path fill="url(#SVGb4RBMc5u)" d="M91.794 237.86C31.02 237.86 0 202.797 0 137.335V0l59.535 59.692v69.763c0 27.12 7.175 44.377 31.246 48.252c8.41 1.647 25.91 1.07 37.038 1.07v-41.423c0-.378.051-1.052.148-1.398c.466-1.677 1.98-2.905 3.774-2.909c1.015-.002 1.965.526 2.944 1.493l103.172 103.303l-69.253.016z" transform="matrix(1 0 0 -1 0 237.86)"/><path fill="url(#SVGUg4UFeQR)" d="M196.2 196.453V126.69c0-27.12-7.177-44.38-31.246-48.254c-8.41-1.645-25.91-1.068-37.038-1.068v41.421c0 .376-.051 1.052-.148 1.398c-.466 1.679-1.98 2.906-3.774 2.91c-1.015.003-1.965-.527-2.944-1.492L17.877 18.303l69.254-.016h76.81c60.775 0 91.794 35.06 91.794 100.52v137.337z" transform="matrix(1 0 0 -1 0 274.431)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 257"><defs><linearGradient id="SVGb4RBMc5u" x1="50%" x2="50%" y1="0%" y2="99.997%"><stop offset="0%" stop-color="#ea5f29"/><stop offset="100%" stop-color="#fabd1f"/></linearGradient><linearGradient id="SVGUg4UFeQR" x1="49.997%" x2="49.997%" y1="99.999%" y2=".001%"><stop offset="0%" stop-color="#abd33c"/><stop offset="100%" stop-color="#6cb02f"/></linearGradient></defs><path fill="url(#SVGb4RBMc5u)" d="M91.794 237.86C31.02 237.86 0 202.797 0 137.335V0l59.535 59.692v69.763c0 27.12 7.175 44.377 31.246 48.252c8.41 1.647 25.91 1.07 37.038 1.07v-41.423c0-.378.051-1.052.148-1.398c.466-1.677 1.98-2.905 3.774-2.909c1.015-.002 1.965.526 2.944 1.493l103.172 103.303l-69.253.016z" transform="matrix(1 0 0 -1 0 237.86)"/><path fill="url(#SVGUg4UFeQR)" d="M196.2 196.453V126.69c0-27.12-7.177-44.38-31.246-48.254c-8.41-1.645-25.91-1.068-37.038-1.068v41.421c0 .376-.051 1.052-.148 1.398c-.466 1.679-1.98 2.906-3.774 2.91c-1.015.003-1.965-.527-2.944-1.492L17.877 18.303l69.254-.016h76.81c60.775 0 91.794 35.06 91.794 100.52v137.337z" transform="matrix(1 0 0 -1 0 274.431)"/></svg> </template>
CSS
.icon-flattr {
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%20257%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGb4RBMc5u%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%2299.997%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ea5f29%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fabd1f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUg4UFeQR%22%20x1%3D%2249.997%25%22%20x2%3D%2249.997%25%22%20y1%3D%2299.999%25%22%20y2%3D%22.001%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23abd33c%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%236cb02f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGb4RBMc5u)%22%20d%3D%22M91.794%20237.86C31.02%20237.86%200%20202.797%200%20137.335V0l59.535%2059.692v69.763c0%2027.12%207.175%2044.377%2031.246%2048.252c8.41%201.647%2025.91%201.07%2037.038%201.07v-41.423c0-.378.051-1.052.148-1.398c.466-1.677%201.98-2.905%203.774-2.909c1.015-.002%201.965.526%202.944%201.493l103.172%20103.303l-69.253.016z%22%20transform%3D%22matrix(1%200%200%20-1%200%20237.86)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUg4UFeQR)%22%20d%3D%22M196.2%20196.453V126.69c0-27.12-7.177-44.38-31.246-48.254c-8.41-1.645-25.91-1.068-37.038-1.068v41.421c0%20.376-.051%201.052-.148%201.398c-.466%201.679-1.98%202.906-3.774%202.91c-1.015.003-1.965-.527-2.944-1.492L17.877%2018.303l69.254-.016h76.81c60.775%200%2091.794%2035.06%2091.794%20100.52v137.337z%22%20transform%3D%22matrix(1%200%200%20-1%200%20274.431)%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%20257%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGb4RBMc5u%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%2299.997%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ea5f29%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fabd1f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUg4UFeQR%22%20x1%3D%2249.997%25%22%20x2%3D%2249.997%25%22%20y1%3D%2299.999%25%22%20y2%3D%22.001%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23abd33c%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%236cb02f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGb4RBMc5u)%22%20d%3D%22M91.794%20237.86C31.02%20237.86%200%20202.797%200%20137.335V0l59.535%2059.692v69.763c0%2027.12%207.175%2044.377%2031.246%2048.252c8.41%201.647%2025.91%201.07%2037.038%201.07v-41.423c0-.378.051-1.052.148-1.398c.466-1.677%201.98-2.905%203.774-2.909c1.015-.002%201.965.526%202.944%201.493l103.172%20103.303l-69.253.016z%22%20transform%3D%22matrix(1%200%200%20-1%200%20237.86)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUg4UFeQR)%22%20d%3D%22M196.2%20196.453V126.69c0-27.12-7.177-44.38-31.246-48.254c-8.41-1.645-25.91-1.068-37.038-1.068v41.421c0%20.376-.051%201.052-.148%201.398c-.466%201.679-1.98%202.906-3.774%202.91c-1.015.003-1.965-.527-2.944-1.492L17.877%2018.303l69.254-.016h76.81c60.775%200%2091.794%2035.06%2091.794%20100.52v137.337z%22%20transform%3D%22matrix(1%200%200%20-1%200%20274.431)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/flattr.svg?color=%231a73e8&size=48
