Slide Share Logo Block アイコン
streamline-logos:slide-share-logo-block
Slide Share Logo Block アイコン(streamline-logos:slide-share-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
- カテゴリ
- ソーシャルメディア
- タグ
- slideshare、sharelogo、logoblock、slidesharelogoblock
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-4zm1.067 4.978a.9.9 0 0 1 .9-.9h10.067a.9.9 0 0 1 .899.9v5.902c.315-.152.635-.294.924-.387q.075-.024.154-.045v-5.47A1.98 1.98 0 0 0 17.034 4H6.966A1.98 1.98 0 0 0 4.99 5.978v5.47l.153.045c.29.093.61.236.925.389zm12.127 6.575c.29-.141.563-.265.805-.35c.385-.133.69-.166.85-.006c.468.463-1.876 2.6-3.752 2.972c.125.372.375 1.115.375 1.858S15.722 20 14.22 20c-1.2 0-1.5-.99-1.5-1.486v-2.082c.29.005.607-.028.949-.112c.848-.21 1.623-.627 2.102-1.096c.226-.221.478-.543.533-.938a1.05 1.05 0 0 0-.185-.764c.479-.166 1.018-.439 1.538-.701l.002-.002q.275-.139.535-.267Zm-8.531.436a1.618 1.618 0 1 0 0-3.236a1.618 1.618 0 0 0 0 3.236m6.292-1.618a1.618 1.618 0 1 1-3.236 0a1.618 1.618 0 0 1 3.236 0m-4.687 3.798v3.345c0 .495-.3 1.486-1.498 1.486c-1.499 0-2.248-2.23-2.248-2.973s.25-1.486.374-1.858c-1.873-.371-4.213-2.51-3.746-2.972c.323-.32 1.223.135 2.19.624c.828.419 1.704.862 2.306.862h2.27c.234 0 .467.028.69.098l.05.016c.383.12.817.258 1.485.258c.497 0 .84-.123 1.135-.228c.37-.133.661-.237 1.08-.03c.749.372-.362 1.453-1.86 1.825c-1.2.297-1.978-.205-2.228-.453" clip-rule="evenodd"/></svg>Slide Share Logo Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:slide-share-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:slide-share-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:slide-share-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--slide-share-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:slide-share-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:slide-share-logo-block"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/slide-share-logo-block.svg" alt="Slide Share Logo Block アイコン" width="24" height="24">Logos free icons の関連アイコン
Slide Share Logo Block アイコン のよくある質問
Slide Share Logo Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Slide Share Logo Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:slide-share-logo-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Slide Share Logo Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/slide-share-logo-block.svg" alt="Slide Share Logo Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。