Lastfm アイコン

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

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

grommet-icons:lastfm

Lastfm アイコン(grommet-icons:lastfm)は、Grommet Icons セットの無料 SVG アイコンです（作者: Grommet）。 24 × 24 のグリッドで描かれています。 Grommet Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Grommet Icons
作者: Grommet
ライセンス: Apache-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.297 10.924q-.315-.102-.609-.194c-1.494-.47-2.394-.753-2.394-1.916c0-.943.727-1.627 1.73-1.627c.769 0 1.341.319 1.855 1.038c.048.067.138.09.213.05l1.507-.768a.16.16 0 0 0 .084-.101a.17.17 0 0 0-.014-.131c-.807-1.435-1.972-2.133-3.56-2.133c-2.417 0-3.98 1.462-3.98 3.725c0 2.314 1.511 3.25 4.298 4.168c1.616.538 2.33.824 2.33 1.973c0 1.291-1.165 2.22-2.755 2.166c-1.666-.056-2.17-.94-2.806-2.386a720 720 0 0 1-2.307-5.337C12.662 6.621 10.232 5 7.22 5C3.239 5 0 8.239 0 12.22s3.238 7.219 7.219 7.219c2.17 0 4.206-.962 5.582-2.641a.17.17 0 0 0 .025-.173l-.91-2.1a.17.17 0 0 0-.149-.1a.17.17 0 0 0-.154.09a4.95 4.95 0 0 1-4.395 2.66a4.96 4.96 0 0 1-4.954-4.955a4.96 4.96 0 0 1 4.954-4.955c1.989 0 3.81 1.18 4.534 2.941l2.251 5.134l.26.577c1.017 2.37 2.512 3.432 4.854 3.44c2.784 0 4.883-1.844 4.883-4.29c0-2.457-1.358-3.378-3.703-4.143"/></svg>

Lastfm アイコンの使い方

React

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

<Icon icon="grommet-icons:lastfm" width="24" />

Vue

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

<template>
  <Icon icon="grommet-icons:lastfm" width="24" />
</template>

Svelte

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

<Icon icon="grommet-icons:lastfm" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--lastfm]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="grommet-icons:lastfm"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/grommet-icons/lastfm.svg" alt="Lastfm アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Grommet Icons をすべて見る →