Flattr アイコン

Q: Flattr アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:flattr

Flattr アイコン(logos:flattr)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 257 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 257

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="257" 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>

Flattr アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="logos:flattr" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:flattr" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:flattr" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--flattr]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:flattr"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:flattr"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/flattr.svg" alt="Flattr アイコン" width="24" height="24">

SVG Logos の関連アイコン

他のアイコンセットの Flattr アイコン

Flattr アイコンのよくある質問

Flattr アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Flattr アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:flattr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Flattr アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/flattr.svg" alt="Flattr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →