Zootool Logo Block アイコン
streamline-logos:zootool-logo-block
Zootool Logo Block アイコン(streamline-logos:zootool-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
- カテゴリ
- ソーシャルブックマーク
- タグ
- zootoollogo、logoblock、zootoollogoblock
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-4zm10.24 4.13c-.13.094-.241.206-.329.324a36 36 0 0 0-1.451-.43c-.93-.255-2.08-.524-2.824-.524c-.488 0-.928.244-1.275.57a3.4 3.4 0 0 0-.81 1.211c-.182.463-.045.89.154 1.203c.197.308.476.543.678.67a.34.34 0 0 0 .363.002a3 3 0 0 1 1.036-.376c.073-.01.234-.002.484.036c.238.035.523.092.822.159c.404.09.827.198 1.184.294l-.139.157c-.246.271-.58.613-.952.98a84 84 0 0 1-1.98 1.878a2.8 2.8 0 0 0-.934-.387c-.28-.064-.557-.006-.8.097a2.7 2.7 0 0 0-.678.437c-.403.346-.751.8-.911 1.15c-.166.362-.255.941-.21 1.462c.022.264.08.537.198.772c.12.239.31.456.6.557c.434.151.876-.009 1.196-.191a3 3 0 0 0 .43-.298l.073.15c.367.747.831 1.692 1.386 2.504c.694 1.014 1.62 1.963 2.812 1.963c1.27 0 2.22-.387 2.868-.883c.634-.484 1.003-1.091 1.06-1.55a1.63 1.63 0 0 0-.142-.894c-.104-.222-.266-.432-.448-.526a.34.34 0 0 0-.361.03c-.11.082-.379.23-.746.349a3.4 3.4 0 0 1-1.229.17c-.035-.002-.114-.024-.24-.108q-.183-.122-.415-.353a11 11 0 0 1-.96-1.155a33 33 0 0 1-.848-1.22l-.097-.145l-.171-.257l.088-.07c.163-.135.355-.309.562-.507c.415-.398.905-.907 1.378-1.42c.474-.512.933-1.032 1.286-1.453c.177-.21.329-.399.443-.55a4 4 0 0 0 .193-.28a8 8 0 0 0 .751-.586a4.7 4.7 0 0 0 .613-.643c.176-.232.336-.508.379-.803a1.62 1.62 0 0 0-.277-1.16c-.208-.3-.522-.536-.866-.59a1.27 1.27 0 0 0-.943.235Z" clip-rule="evenodd"/></svg>Zootool Logo Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:zootool-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:zootool-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:zootool-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--zootool-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:zootool-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:zootool-logo-block"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/zootool-logo-block.svg" alt="Zootool Logo Block アイコン" width="24" height="24">Logos free icons の関連アイコン
Zootool Logo Block アイコン のよくある質問
Zootool Logo Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Zootool Logo Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:zootool-logo-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zootool Logo Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/zootool-logo-block.svg" alt="Zootool Logo Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。