Wetv Logo Block アイコン
streamline-logos:wetv-logo-block
Wetv Logo Block アイコン(streamline-logos:wetv-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
- カテゴリ
- 動画
- タグ
- wetvlogo、logoblock、wetvlogoblock
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="M1 5a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4zm7.28 13.065c.227.323.498.571.821.733c.189.094.508.082.92-.014c1.044-.242 2.69-1.02 4.367-1.98a41 41 0 0 0 2.856-1.79c1.317-.907 2.408-1.793 2.902-2.425c.183-.235.285-.436.285-.589c0-1.416-8.63-6.815-10.954-6.862a.8.8 0 0 0-.376.064c-.323.162-.594.41-.82.733q.195.056.395.121c1.124.362 2.447.927 3.705 1.556c1.257.629 2.486 1.34 3.416 2.005c.461.33.88.672 1.194 1.006c.157.168.31.356.428.562c.113.197.235.48.235.815c0 .336-.122.618-.235.815a3 3 0 0 1-.428.562c-.314.334-.733.675-1.194 1.006c-.93.665-2.16 1.376-3.416 2.005c-1.258.629-2.58 1.194-3.705 1.556a11 11 0 0 1-.396.121m-2.134-.75c.164.059.397.07.683.04a8 8 0 0 1-.21-.732c-.312-1.298-.406-2.904-.406-4.623s.094-3.325.405-4.624a8 8 0 0 1 .211-.732c-.326-.033-.583-.014-.749.069c-.567.283-.92 1.097-1.142 2.005s-.31 1.907-.345 2.562c-.024.437-.024.72-.024.72s0 2.989.81 4.517a2.1 2.1 0 0 0 .435.586q.124.113.266.184zM7.819 6.844C7.356 8.099 7.213 9.906 7.213 12s.143 3.9.606 5.156c3.108-.845 8.835-3.955 8.835-5.156s-5.727-4.31-8.835-5.156m1.66 7.422c-.378-.378-.378-4.154 0-4.532c.377-.377 4.154 1.889 4.154 2.266c0 .378-3.777 2.644-4.154 2.266" clip-rule="evenodd"/></svg>Wetv Logo Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:wetv-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:wetv-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:wetv-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--wetv-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:wetv-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:wetv-logo-block"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/wetv-logo-block.svg" alt="Wetv Logo Block アイコン" width="24" height="24">Logos free icons の関連アイコン
Wetv Logo Block アイコン のよくある質問
Wetv Logo Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Wetv Logo Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:wetv-logo-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wetv Logo Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/wetv-logo-block.svg" alt="Wetv Logo Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。