View Page All 16 アイコン
qlementine-icons:view-page-all-16
View Page All 16 アイコン(qlementine-icons:view-page-all-16)は、Qlementine Icons セットの無料 SVG アイコンです（作者: Olivier Cléro）。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Qlementine Icons
- 作者
- Olivier Cléro
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ページ
- タグ
- viewpage、pageall、viewpageall
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 2.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"/><path fill="currentColor" fill-rule="evenodd" d="M.163.819C0 1.14 0 1.56 0 2.399v2.2c0 .84 0 1.26.163 1.58c.144.282.373.512.656.656c.321.163.741.163 1.58.163h2.2c.84 0 1.26 0 1.58-.163c.282-.144.512-.373.656-.656c.163-.321.163-.741.163-1.58v-2.2c0-.84 0-1.26-.163-1.58a1.5 1.5 0 0 0-.656-.656C5.858 0 5.438 0 4.599 0h-2.2c-.84 0-1.26 0-1.58.163a1.5 1.5 0 0 0-.656.656M4.603 1h-2.2c-.437 0-.704 0-.904.017a1.3 1.3 0 0 0-.216.034l-.007.003a.5.5 0 0 0-.218.218l-.004.008l-.009.032a1 1 0 0 0-.025.184c-.016.2-.017.467-.017.904v2.2c0 .437 0 .704.017.904a1.3 1.3 0 0 0 .034.216l.004.007a.5.5 0 0 0 .225.222l.032.009c.034.008.09.017.184.025c.2.016.467.017.904.017h2.2c.437 0 .704 0 .904-.017a1.3 1.3 0 0 0 .216-.034l.006-.003h.001a.5.5 0 0 0 .218-.219h.001l.003-.007l.009-.032a1 1 0 0 0 .025-.184c.016-.2.017-.467.017-.904V2.4c0-.437 0-.704-.017-.904a1.3 1.3 0 0 0-.034-.216l-.004-.008a.5.5 0 0 0-.218-.218l-.007-.003l-.032-.009a1 1 0 0 0-.184-.025C5.307 1.001 5.04 1 4.603 1" clip-rule="evenodd"/><path fill="currentColor" d="M11.5 2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1z"/><path fill="currentColor" fill-rule="evenodd" d="M9.16.819c-.163.321-.163.741-.163 1.58v2.2c0 .84 0 1.26.163 1.58c.144.282.373.512.656.656c.321.163.741.163 1.58.163h2.2c.84 0 1.26 0 1.58-.163c.282-.144.512-.373.656-.656c.164-.321.164-.741.164-1.58v-2.2c0-.84 0-1.26-.164-1.58a1.5 1.5 0 0 0-.656-.656C14.855 0 14.435 0 13.596 0h-2.2c-.84 0-1.26 0-1.58.163a1.5 1.5 0 0 0-.656.656M13.6 1h-2.2c-.436 0-.704 0-.904.017a1.3 1.3 0 0 0-.216.034l-.007.003a.5.5 0 0 0-.218.218l-.004.008l-.009.032a1 1 0 0 0-.025.184c-.016.2-.017.467-.017.904v2.2c0 .437 0 .704.017.904a1.3 1.3 0 0 0 .034.216l.003.006v.001a.5.5 0 0 0 .226.222l.032.009c.034.008.09.017.184.025c.2.016.467.017.904.017h2.2c.436 0 .704 0 .904-.017a1.3 1.3 0 0 0 .216-.034l.004-.002l.002-.001h.002a.5.5 0 0 0 .218-.219v-.002l.003-.005l.009-.032a1 1 0 0 0 .025-.184c.016-.2.017-.467.017-.904V2.4c0-.437 0-.704-.017-.904a1.3 1.3 0 0 0-.034-.216l-.003-.008a.5.5 0 0 0-.218-.218l-.008-.003l-.032-.009a1 1 0 0 0-.184-.025c-.2-.016-.467-.017-.904-.017" clip-rule="evenodd"/><path fill="currentColor" d="M2 11.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"/><path fill="currentColor" fill-rule="evenodd" d="M0 11.4c0-.84 0-1.26.163-1.58c.144-.282.373-.512.656-.656c.321-.163.741-.163 1.58-.163h2.2c.84 0 1.26 0 1.58.163c.282.144.512.373.656.656c.163.321.163.741.163 1.58v2.2c0 .84 0 1.26-.163 1.58a1.5 1.5 0 0 1-.656.656C5.858 16 5.438 16 4.599 16h-2.2c-.84 0-1.26 0-1.58-.164a1.5 1.5 0 0 1-.656-.656C0 14.859 0 14.439 0 13.6zM4.6 10c.437 0 .704 0 .904.017a1.3 1.3 0 0 1 .216.034l.006.003h.001a.5.5 0 0 1 .222.226l.009.032c.008.034.017.09.025.184c.016.2.017.467.017.904v2.2c0 .436 0 .704-.017.904a1.3 1.3 0 0 1-.034.216l-.003.007a.5.5 0 0 1-.219.219s-.004.002-.007.003l-.032.009a1 1 0 0 1-.184.025c-.2.016-.467.017-.904.017H2.4c-.437 0-.704 0-.904-.017a1.3 1.3 0 0 1-.216-.034l-.007-.003a.5.5 0 0 1-.218-.218l-.004-.008l-.009-.032a1 1 0 0 1-.025-.184c-.016-.2-.017-.467-.017-.904v-2.2c0-.436 0-.704.017-.904a1.3 1.3 0 0 1 .034-.216l.004-.007a.5.5 0 0 1 .218-.218l.007-.004l.032-.009a1 1 0 0 1 .184-.025c.2-.016.467-.017.904-.017z" clip-rule="evenodd"/><path fill="currentColor" d="M11.5 13a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1zm0-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1z"/><path fill="currentColor" fill-rule="evenodd" d="M9.16 9.82c-.163.321-.163.741-.163 1.58v2.2c0 .84 0 1.26.163 1.58c.144.282.373.512.656.656c.321.164.741.164 1.58.164h2.2c.84 0 1.26 0 1.58-.164c.282-.144.512-.373.656-.656c.164-.321.164-.741.164-1.58v-2.2c0-.84 0-1.26-.164-1.58a1.5 1.5 0 0 0-.656-.656c-.321-.163-.741-.163-1.58-.163h-2.2c-.84 0-1.26 0-1.58.163a1.5 1.5 0 0 0-.656.656m4.44.181h-2.2c-.436 0-.704 0-.904.017a1.3 1.3 0 0 0-.216.034l-.006.003h-.001a.5.5 0 0 0-.218.218l-.001.002l-.003.006l-.009.032a1 1 0 0 0-.025.184c-.016.2-.017.467-.017.904v2.2c0 .436 0 .704.017.904a1.3 1.3 0 0 0 .034.216l.004.007a.5.5 0 0 0 .225.222l.032.009c.034.008.09.017.184.025c.2.016.467.017.904.017h2.2c.436 0 .704 0 .904-.017a1.3 1.3 0 0 0 .216-.034l.004-.002l.004-.002a.5.5 0 0 0 .218-.218l.003-.007l.009-.032a1 1 0 0 0 .025-.184c.016-.2.017-.467.017-.904v-2.2c0-.436 0-.704-.017-.904a1.3 1.3 0 0 0-.034-.216l-.003-.008a.5.5 0 0 0-.218-.217l-.008-.004l-.032-.009a1 1 0 0 0-.184-.025c-.2-.016-.467-.017-.904-.017" clip-rule="evenodd"/></svg>View Page All 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:view-page-all-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:view-page-all-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:view-page-all-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--view-page-all-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:view-page-all-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:view-page-all-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/view-page-all-16.svg" alt="View Page All 16 アイコン" width="24" height="24">Qlementine Icons の関連アイコン
View Page All 16 アイコン のよくある質問
View Page All 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で View Page All 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:view-page-all-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
View Page All 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/view-page-all-16.svg" alt="View Page All 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。