Imgur Logo Block アイコン
streamline-logos:imgur-logo-block
Imgur Logo Block アイコン(streamline-logos:imgur-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
- カテゴリ
- 写真・画像
- タグ
- imgurlogo、logoblock、imgurlogoblock
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-4zm5.008 4.134c3.04-.566 4.895-.686 8.297-.616a1.167 1.167 0 0 1 1.141 1.117c.143 3.39.024 5.259-.62 8.346a1.17 1.17 0 0 1-.403.664l-4.737 4.71a.5.5 0 0 1-.353.145h-5A3.833 3.833 0 0 1 4.5 15.667v-5a.5.5 0 0 1 .144-.351L9.25 5.635c.172-.259.443-.442.758-.5Zm8.439.543c.134 3.175.034 4.946-.521 7.713l-.08.387a.167.167 0 0 1-.28.084l-1.637-1.637a.5.5 0 0 0-.692-.014l-3.41 3.147a.14.14 0 0 1-.08.037a.5.5 0 0 1-.185-.016a2 2 0 0 1-.37-.143c-.318-.16-.78-.47-1.386-1.076s-.917-1.068-1.076-1.386a2 2 0 0 1-.143-.37a.5.5 0 0 1-.014-.193a.14.14 0 0 1 .044-.082l3.37-3.11A.5.5 0 0 0 12 8.295L10.104 6.4a.167.167 0 0 1 .088-.281l.262-.049c2.806-.51 4.584-.618 7.83-.551c.088.002.16.072.163.16ZM8.521 9.145a.5.5 0 0 0 .958 0a.5.5 0 0 0 0-.957a.5.5 0 0 0-.958 0a.5.5 0 0 0 0 .957m-1.854 1.022a.5.5 0 0 1 .5.5v.166h.166a.5.5 0 0 1 0 1h-.166V12a.5.5 0 1 1-1 0v-.167H6a.5.5 0 1 1 0-1h.167v-.166a.5.5 0 0 1 .5-.5m.333 4a.5.5 0 0 1 .5.5v.166h.167a.5.5 0 1 1 0 1H7.5V16a.5.5 0 1 1-1 0v-.167h-.167a.5.5 0 0 1 0-1H6.5v-.166a.5.5 0 0 1 .5-.5m6.333 1.333a.5.5 0 0 1 .5.5v.167H14a.5.5 0 1 1 0 1h-.167v.166a.5.5 0 1 1-1 0v-.166h-.166a.5.5 0 1 1 0-1h.166V16a.5.5 0 0 1 .5-.5m2 0a.5.5 0 0 1-.478-.355a.5.5 0 0 1 0-.957a.5.5 0 0 1 .957 0a.5.5 0 0 1 0 .957a.5.5 0 0 1-.479.355m-6.478 2.312a.5.5 0 0 0 .957 0a.5.5 0 0 0 0-.957a.5.5 0 0 0-.957 0a.5.5 0 0 0 0 .957" clip-rule="evenodd"/></svg>Imgur Logo Block アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-logos:imgur-logo-block" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-logos:imgur-logo-block" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-logos:imgur-logo-block" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--imgur-logo-block]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:imgur-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:imgur-logo-block"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-logos/imgur-logo-block.svg" alt="Imgur Logo Block アイコン" width="24" height="24">Logos free icons の関連アイコン
Imgur Logo Block アイコン のよくある質問
Imgur Logo Block アイコンは商用利用でも無料ですか?
はい。Logos free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Imgur Logo Block アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-logos:imgur-logo-block" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Imgur Logo Block アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-logos/imgur-logo-block.svg" alt="Imgur Logo Block アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。