Tumblr アイコン

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

はい。Elegant icons は GPL 3.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

et:tumblr

Tumblr アイコン(et:tumblr)は、Elegant セットの無料 SVG アイコンです（作者: Kenny Sing）。 32 × 32 のグリッドで描かれています。 Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elegant
作者: Kenny Sing
ライセンス: GPL-3.0-or-later
サイズ: 32 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16-.034C7.158-.034-.034 7.158-.034 16S7.158 32.034 16 32.034S32.034 24.842 32.034 16S24.842-.034 16-.034m0 31C7.748 30.966 1.034 24.252 1.034 16S7.748 1.034 16 1.034S30.966 7.748 30.966 16S24.252 30.966 16 30.966"/><path d="M20.498 12H17V8.499c.033-.295-.206-.534-.501-.534H13.92c-.27 0-.497.2-.53.469c-.095.763-.266 1.389-.507 1.863a3.9 3.9 0 0 1-.95 1.209c-.321.273-.873.542-1.595.775a.47.47 0 0 0-.338.509v2.709a.45.45 0 0 0 .502.501L12 17v4.668c-.034-.301.037-.097.176.231l.059.142c.005.013.512 1.273 1.122 1.799c.45.386.995.686 1.62.892a5.5 5.5 0 0 0 1.891.302c.682 0 1.327-.069 1.92-.207a9.5 9.5 0 0 0 1.938-.677a.46.46 0 0 0 .274-.483v-2.405c.032-.196-.075-.377-.248-.471s-.383-.084-.548.024c-.705.463-1.083.546-1.796.546c-.332 0-.62-.068-.881-.211c-.105-.191-.257-.778-.315-1.009a6 6 0 0 0-.126-.443c-.055-.146-.055-.668-.054-1.272L17.033 16h3.465a.45.45 0 0 0 .502-.501v-3a.447.447 0 0 0-.502-.499m-.534 3h-3.465a.443.443 0 0 0-.499.499l-.002 2.924c-.036.853-.036 1.322.087 1.65c.023.061.053.184.092.334c.254.989.414 1.434.743 1.627c.438.262.938.395 1.488.395c.573 0 1.033-.05 1.556-.269v1.16a8.4 8.4 0 0 1-1.42.465a7.4 7.4 0 0 1-1.677.18a4.4 4.4 0 0 1-1.558-.249a3.7 3.7 0 0 1-1.257-.688c-.272-.234-.654-.954-.825-1.383l-.066-.161c-.095-.225-.127-.301-.161-.816v-5.169c.034-.295-.205-.534-.5-.534h-1.464v-1.794c.688-.251 1.221-.537 1.589-.852a4.9 4.9 0 0 0 1.211-1.538q.365-.72.545-1.748h1.584v3.466c0 .295.239.534.534.501h3.465z"/></g></svg>

Tumblr アイコンの使い方

React

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

<Icon icon="et:tumblr" width="24" />

Vue

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

<template>
  <Icon icon="et:tumblr" width="24" />
</template>

Svelte

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

<Icon icon="et:tumblr" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="et:tumblr"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/et/tumblr.svg" alt="Tumblr アイコン" width="24" height="24">

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

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

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

はい。Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

Elegant アイコンをすべて見る →