Designmoo Logo Block アイコン
streamline-logos:designmoo-logo-block
Designmoo Logo Block アイコン(streamline-logos:designmoo-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
- カテゴリ
- デザイナーコミュニティ
- タグ
- designmoologo、logoblock、designmoologoblock
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.829 3.803c.306 0 .554.248.554.554v.554h.554a.554.554 0 0 1 0 1.108h-.554v.554a.554.554 0 1 1-1.108 0V7.02h-.555a.554.554 0 0 1 0-1.108h.555v-.554c0-.306.248-.554.554-.554ZM9.08 8.48l2.08.547c.303.08.303.208 0 .292l-2.08.544a1.09 1.09 0 0 0-.699.7l-.112.429c-.437.362-.609.601-.881 1.041l-.384-1.47a1.08 1.08 0 0 0-.698-.7L4.228 9.32c-.304-.081-.304-.208 0-.292l2.079-.547a1.08 1.08 0 0 0 .698-.7l.544-2.084c.081-.31.208-.31.288 0l.545 2.085a1.08 1.08 0 0 0 .699.7Zm9.55 5.22l1.234.324c.18.047.18.123 0 .173l-1.233.322a.65.65 0 0 0-.415.416l-.323 1.237c-.047.18-.123.18-.17 0l-.323-1.237a.64.64 0 0 0-.415-.416l-1.232-.322c-.181-.048-.181-.123 0-.173l1.232-.325a.64.64 0 0 0 .415-.414l.322-1.237c.048-.184.123-.184.171 0l.323 1.237a.64.64 0 0 0 .415.414Zm-4.338-7.017l.378.01c.237.005.566.098.839.35c.284.26.478.665.478 1.231c0 .37-.152.898-.346 1.442c-.2.56-.468 1.193-.74 1.795a52 52 0 0 1-1.22 2.51l-.077.143v.001c-.17.31-.505.924-.767 1.542c-.157.372-.276.718-.319.983a1 1 0 0 0-.014.237c.048-.023.117-.065.205-.137c.215-.172.458-.434.727-.724l.023-.025c.264-.284.557-.6.831-.804c.137-.102.299-.201.475-.243a.67.67 0 0 1 .6.133c.2.168.268.4.258.62c-.01.206-.085.415-.182.606c-.195.386-.536.81-.92 1.2a8.3 8.3 0 0 1-1.283 1.067c-.428.284-.89.517-1.287.563c-.372.043-.685-.02-.938-.163a1.35 1.35 0 0 1-.52-.54a2 2 0 0 1-.08-.169a6 6 0 0 1-.575.343a3.7 3.7 0 0 1-.98.365c-.345.068-.732.067-1.08-.12c-.764-.409-.995-1.337-.99-2.2c.004-.89.256-1.876.642-2.624c.997-1.931 2.08-3.008 3.11-3.36c.524-.18 1.031-.169 1.482.017c.262.108.495.272.696.478c.328-.64.675-1.411.961-2.133c.183-.46.339-.895.448-1.256c.114-.376.165-.633.165-.76zm-3.19 8.15l-.019.042c-.204.452-1.288 2.39-1.902 2.115s.152-2.203.398-2.725c.233-.495 1.29-2.237 1.902-1.902c.594.325-.148 1.962-.378 2.47Z" clip-rule="evenodd"/></svg>Designmoo Logo Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:designmoo-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:designmoo-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:designmoo-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--designmoo-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:designmoo-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:designmoo-logo-block"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/designmoo-logo-block.svg" alt="Designmoo Logo Block アイコン" width="24" height="24">Logos free icons の関連アイコン
Designmoo Logo Block アイコン のよくある質問
Designmoo Logo Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Designmoo Logo Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:designmoo-logo-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Designmoo Logo Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/designmoo-logo-block.svg" alt="Designmoo Logo Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。