Flattr Icon icon
logos:flattr-icon
The Flattr Icon icon (logos:flattr-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
- Tags
- flattricon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path d="M256 28.462V128c0 70.692-57.308 128-128 128H22.37l64.312-65.894l14.336 14.336l-31.207 31.2c4.027.008 9.859.012 16.293.016H87.6l2.276.002h1.534l.77.001h1.549l.776.001h2.331l.777.001l2.324.001h3.069l.76.001l3.725.001h.728l4.219.001h.673l6.702.001h8.183c59.366 0 107.668-48.276 107.668-107.668v-2.799l-.001-.486v-1.66l-.001-.618v-1.33l-.001-.708v-1.502l-.001-.791v-1.659l-.002-2.664v-1.884l-.023-48.344v-1.852l-.002-2.611v-1.62l-.001-.771v-1.46l-.001-.686V52.68l-.001-.561l-.001-2.287v-2.604zM233.63 0l-64.312 65.894l-14.336-14.336l31.202-31.2c-4.027-.008-9.859-.012-16.293-.016h-1.495l-2.276-.002h-1.534l-.771-.001h-1.548l-.776-.001l-2.331-.001h-.777l-2.325-.001h-3.068l-.76-.001l-3.725-.001h-.728l-4.219-.001h-.674l-6.701-.001H128C68.608 20.332 20.332 68.608 20.332 128v2.8l.001 4.093v3.818l.001.842v3.596l.001.952v2.968l.001 1.024v2.094l.001 1.07v3.28l.001 1.116v2.259l.001 1.142v2.302l.002 3.49v2.34l.001 1.17v2.34l.003 5.798v2.279c.007 15.088.014 27.934.022 28.976v1.024L0 227.533V128C0 57.308 57.308 0 128 0z"/></svg>How to use the Flattr Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:flattr-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:flattr-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:flattr-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--flattr-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:flattr-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:flattr-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/flattr-icon.svg" alt="Flattr Icon icon" width="24" height="24">Related icons in SVG Logos
Flattr Icon icon FAQ
Is the Flattr Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Flattr Icon icon in React?
Install @iconify/react and render <Icon icon="logos:flattr-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Flattr Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/flattr-icon.svg" alt="Flattr Icon icon">, or paste the SVG code inline to style it with CSS.