Social Last Fm Circular アイコン

Q: Social Last Fm Circular アイコンは商用利用でも無料ですか?

はい。Typicons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

typcn:social-last-fm-circular

Social Last Fm Circular アイコン(typcn:social-last-fm-circular)は、Typicons セットの無料 SVG アイコンです（作者: Stephen Hutchings）。 24 × 24 のグリッドで描かれています。 Typicons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Typicons
作者: Stephen Hutchings
ライセンス: CC-BY-SA-4.0
サイズ: 24 × 24
タグ: sociallast、lastfm、fmcircular、sociallastfmcircular

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21c-2.489 0-4.635-.89-6.376-2.646C3.883 16.603 3 14.464 3 12c0-2.489.884-4.633 2.627-6.375C7.367 3.884 9.512 3 12 3c2.466 0 4.604.883 6.354 2.624C20.109 7.366 21 9.511 21 12c0 2.464-.89 4.604-2.644 6.357C16.605 20.111 14.467 21 12 21m0-16c-1.966 0-3.588.667-4.958 2.04C5.668 8.412 5 10.034 5 12c0 1.944.668 3.562 2.043 4.945C8.415 18.328 10.036 19 12 19c1.943 0 3.56-.673 4.941-2.056C18.327 15.559 19 13.942 19 12c0-1.963-.672-3.585-2.055-4.957C15.562 5.668 13.945 5 12 5m2.199 9.333q2.001 0 2-1.333q0-1.099-1.267-1.4l-.632-.133q-.532-.133-.534-.566q.002-.5.666-.5q.735 0 .767.565l.967-.1c-.063-.822-.622-1.233-1.666-1.233q-1.7 0-1.699 1.401q-.001.998 1.099 1.267l.668.133q.665.166.666.601q0 .532-1.034.532q-1.265 0-1.666-1.233l-.334-.967q-.299-.967-.75-1.35q-.45-.383-1.416-.384q-.9 0-1.584.667t-.683 1.767q0 1.033.649 1.649q.651.618 1.55.617q.901 0 1.434-.433l-.299-.834a1.5 1.5 0 0 1-1.101.468c-.354 0-.662-.14-.916-.417q-.385-.417-.385-1.084q0-.833.417-1.217c.417-.384.594-.383.951-.383c.379 0 .648.1.816.299q.249.301.45.935l.3.967q.534 1.7 2.566 1.699"/></svg>

Social Last Fm Circular アイコンの使い方

React

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

<Icon icon="typcn:social-last-fm-circular" width="24" />

Vue

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

<template>
  <Icon icon="typcn:social-last-fm-circular" width="24" />
</template>

Svelte

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

<Icon icon="typcn:social-last-fm-circular" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[typcn--social-last-fm-circular]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/typcn -->
<div class="i-typcn:social-last-fm-circular"></div>

Web コンポーネント

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

<iconify-icon icon="typcn:social-last-fm-circular"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/typcn/social-last-fm-circular.svg" alt="Social Last Fm Circular アイコン" width="24" height="24">

Typicons の関連アイコン

Social Last Fm Circular アイコンのよくある質問

Social Last Fm Circular アイコンは商用利用でも無料ですか?

はい。Typicons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Social Last Fm Circular アイコンを使うには?

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

Social Last Fm Circular アイコンをウェブページに追加するには?

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

Typicons をすべて見る →