Lastfm Logo Block アイコン
streamline-logos:lastfm-logo-block
Lastfm Logo Block アイコン(streamline-logos:lastfm-logo-block)は、Logos free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Logos free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 音楽
- タグ
- lastfmlogo、logoblock、lastfmlogoblock
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5 1a4 4 0 0 0-4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4zm3.727 6.636c-1.613 0-2.822.51-3.622 1.368C4.315 9.85 4 10.953 4 12c0 1.146.565 2.23 1.35 3.014c.783.784 1.868 1.35 3.014 1.35c1.592 0 2.646-.527 3.06-.94l-1.03-1.03a1 1 0 0 1-.148.102a2.3 2.3 0 0 1-.4.183c-.344.123-.836.23-1.482.23c-.673 0-1.406-.344-1.986-.923S5.455 12.672 5.455 12c0-.77.23-1.487.713-2.004c.472-.505 1.263-.905 2.56-.905c.502 0 .853.095 1.109.23c.254.132.456.325.629.584c.345.515.535 1.204.772 2.062l.062.227c.249.896.564 1.956 1.259 2.776c.738.871 1.83 1.394 3.441 1.394c.413 0 1.32-.067 2.152-.362c.789-.28 1.848-.902 1.848-2.184c0-.914-.582-1.456-1.185-1.772c-.523-.274-1.187-.447-1.757-.596l-.146-.038c-.656-.173-1.187-.328-1.559-.552c-.326-.197-.444-.39-.444-.678c0-.085.08-.352.405-.625c.3-.252.771-.466 1.413-.466c1.435 0 1.805.764 1.84.904l1.411-.353c-.207-.83-1.194-2.006-3.25-2.006c-.98 0-1.782.332-2.349.807c-.542.454-.925 1.096-.925 1.739c0 .936.519 1.543 1.147 1.923c.583.352 1.324.551 1.941.713l.09.024c.631.166 1.139.3 1.508.492c.35.184.405.327.405.484c0 .291-.213.577-.88.813c-.622.221-1.35.278-1.665.278c-1.258 0-1.914-.387-2.332-.88c-.46-.543-.71-1.3-.966-2.223l-.07-.258v-.001c-.22-.8-.472-1.728-.958-2.452a3.15 3.15 0 0 0-1.162-1.063c-.503-.264-1.094-.396-1.785-.396" clip-rule="evenodd"/></svg>Lastfm Logo Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:lastfm-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:lastfm-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:lastfm-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--lastfm-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:lastfm-logo-block"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-logos:lastfm-logo-block"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/lastfm-logo-block.svg" alt="Lastfm Logo Block アイコン" width="24" height="24">Logos free icons の関連アイコン
Lastfm Logo Block アイコン のよくある質問
Lastfm Logo Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Lastfm Logo Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:lastfm-logo-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lastfm Logo Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/lastfm-logo-block.svg" alt="Lastfm Logo Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。