Thread Block Logo Block アイコン
streamline-logos:thread-block-logo-block
Thread Block Logo Block アイコン(streamline-logos:thread-block-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
- カテゴリ
- ソーシャルメディア
- タグ
- threadblock、blocklogo、logoblock、threadblocklogoblock
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-4zm6.924 2.767c-1.936 0-3.724.715-5.014 2.22C5.63 7.482 4.917 9.66 4.917 12.46c0 2.864.993 4.85 2.5 6.105c1.477 1.23 3.343 1.668 4.967 1.668c3.282 0 5.956-2.02 6.085-4.924c.065-1.458-.58-2.67-1.651-3.487a5.2 5.2 0 0 0-.944-.57l-.012-.187c-.115-1.525-.767-2.485-1.59-3.032a3.7 3.7 0 0 0-2.002-.595c-1.144 0-2.143.475-2.949 1.4a.875.875 0 1 0 1.32 1.149c.5-.574 1.03-.799 1.63-.799c.213 0 .652.05 1.033.303c.277.184.598.522.745 1.217a8 8 0 0 0-1.256-.094c-1.49 0-2.537.379-3.187 1.075c-.648.693-.742 1.531-.709 2.097a2.64 2.64 0 0 0 .99 1.91c.625.504 1.48.748 2.497.673c1.104-.081 2.067-.643 2.7-1.604c.298-.452.515-.98.648-1.57l.024.018c.652.498 1.003 1.177.965 2.018c-.075 1.695-1.69 3.252-4.337 3.252c-1.341 0-2.77-.366-3.848-1.263c-1.048-.873-1.869-2.335-1.869-4.76c0-2.517.641-4.247 1.572-5.334c.92-1.073 2.198-1.609 3.685-1.609c1.577 0 2.827.378 3.722 1.02c.882.632 1.48 1.563 1.701 2.806a.875.875 0 1 0 1.723-.307c-.297-1.664-1.13-3.007-2.404-3.921c-1.262-.905-2.896-1.348-4.742-1.348m.869 8.597q.698.002 1.29.128c-.082.558-.25.992-.46 1.31c-.339.514-.813.781-1.368.822c-.666.049-1.057-.118-1.271-.29a.9.9 0 0 1-.34-.65c-.018-.304.043-.589.241-.8c.196-.21.686-.52 1.908-.52" clip-rule="evenodd"/></svg>Thread Block Logo Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:thread-block-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:thread-block-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:thread-block-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--thread-block-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:thread-block-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:thread-block-logo-block"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/thread-block-logo-block.svg" alt="Thread Block Logo Block アイコン" width="24" height="24">Logos free icons の関連アイコン
Thread Block Logo Block アイコン のよくある質問
Thread Block Logo Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Thread Block Logo Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:thread-block-logo-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Thread Block Logo Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/thread-block-logo-block.svg" alt="Thread Block Logo Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。