Anchor Logo Block アイコン
streamline-logos:anchor-logo-block
Anchor Logo Block アイコン(streamline-logos:anchor-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
- カテゴリ
- 音楽
- タグ
- anchorlogo、logoblock、anchorlogoblock
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-4zm-.5 17.145s.638-.579.706-.983c.025-.154-.037-.624-.116-1.22c-.188-1.413-.47-3.532.116-3.78c.5-.21 1.24 1.231 1.834 2.39c.394.77.725 1.414.88 1.37c.132-.038-.005-.84-.185-1.902c-.348-2.044-.86-5.047.077-5.388c.91-.33 2.109 2.54 2.976 4.62c.49 1.175.876 2.097 1.043 2.043c.183-.058-.03-1.786-.282-3.851c-.387-3.154-.87-7.096-.193-7.096c1.19 0 2.47 3.86 3.428 6.747c.58 1.75 1.043 3.142 1.294 3.1c.263-.044.273-.774.285-1.679c.019-1.381.043-3.17.983-3.551c.82-.333 1.651 0 1.651 0l.503 2.007c-.522-.09-1.52.045-1.594.932c-.022.268-.032.732-.044 1.294c-.043 2.067-.115 5.472-.944 5.472c-.964 0-2.22-3.62-3.115-6.197c-.509-1.467-.9-2.596-1.055-2.529c-.156.068-.047 1.243.09 2.71c.235 2.51.55 5.876-.256 6.016c-.833.145-2.028-2.728-2.85-4.705c-.437-1.05-.769-1.847-.884-1.802c-.123.047-.057.897.027 1.968c.143 1.848.338 4.354-.293 4.54c-.849.248-1.48-1.4-1.947-2.617c-.27-.704-.484-1.263-.653-1.229c-.133.027-.104.375-.064.852c.092 1.104.24 2.897-1.418 2.993z" clip-rule="evenodd"/></svg>Anchor Logo Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:anchor-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:anchor-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:anchor-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--anchor-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:anchor-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:anchor-logo-block"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/anchor-logo-block.svg" alt="Anchor Logo Block アイコン" width="24" height="24">Logos free icons の関連アイコン
Anchor Logo Block アイコン のよくある質問
Anchor Logo Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Anchor Logo Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:anchor-logo-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Anchor Logo Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/anchor-logo-block.svg" alt="Anchor Logo Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。