flattr logo
flattr from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- flattr
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the flattr logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.541 16C2.541 8.579 8.578 2.541 16 2.541h7.271l-3.896 3.907l1.792 1.792L29.203 0H16C7.161 0 0 7.161 0 16v12.443l2.547-2.349v-.124c-.005-.329-.005-9.876-.005-9.969zM32 3.557l-2.547 2.349v.124l.005 9.969c0 7.421-6.037 13.459-13.459 13.459H8.728l3.896-3.907l-1.792-1.792l-8.036 8.24h13.203c8.839 0 16-7.161 16-16z"/></svg>
React
import type { SVGProps } from "react";
export function CibFlattr(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.541 16C2.541 8.579 8.578 2.541 16 2.541h7.271l-3.896 3.907l1.792 1.792L29.203 0H16C7.161 0 0 7.161 0 16v12.443l2.547-2.349v-.124c-.005-.329-.005-9.876-.005-9.969zM32 3.557l-2.547 2.349v.124l.005 9.969c0 7.421-6.037 13.459-13.459 13.459H8.728l3.896-3.907l-1.792-1.792l-8.036 8.24h13.203c8.839 0 16-7.161 16-16z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.541 16C2.541 8.579 8.578 2.541 16 2.541h7.271l-3.896 3.907l1.792 1.792L29.203 0H16C7.161 0 0 7.161 0 16v12.443l2.547-2.349v-.124c-.005-.329-.005-9.876-.005-9.969zM32 3.557l-2.547 2.349v.124l.005 9.969c0 7.421-6.037 13.459-13.459 13.459H8.728l3.896-3.907l-1.792-1.792l-8.036 8.24h13.203c8.839 0 16-7.161 16-16z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.541%2016C2.541%208.579%208.578%202.541%2016%202.541h7.271l-3.896%203.907l1.792%201.792L29.203%200H16C7.161%200%200%207.161%200%2016v12.443l2.547-2.349v-.124c-.005-.329-.005-9.876-.005-9.969zM32%203.557l-2.547%202.349v.124l.005%209.969c0%207.421-6.037%2013.459-13.459%2013.459H8.728l3.896-3.907l-1.792-1.792l-8.036%208.24h13.203c8.839%200%2016-7.161%2016-16z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.541%2016C2.541%208.579%208.578%202.541%2016%202.541h7.271l-3.896%203.907l1.792%201.792L29.203%200H16C7.161%200%200%207.161%200%2016v12.443l2.547-2.349v-.124c-.005-.329-.005-9.876-.005-9.969zM32%203.557l-2.547%202.349v.124l.005%209.969c0%207.421-6.037%2013.459-13.459%2013.459H8.728l3.896-3.907l-1.792-1.792l-8.036%208.24h13.203c8.839%200%2016-7.161%2016-16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/flattr.svg?color=%231a73e8&size=48
