Pages アイコン
emojione-v1:pages
Pages アイコン(emojione-v1:pages)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
- タグ
- page
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#d0d2d3" d="M38.986 48.749c0 2.174-2.01 3.932-4.498 3.932H5.805c-2.486 0-4.499-1.758-4.499-3.932V13.314c0-2.17 2.01-3.931 4.499-3.931h28.683c2.488 0 4.498 1.761 4.498 3.931z"/><path fill="#fff" d="M36.672 45.722c0 1.903-1.768 3.448-3.945 3.448H7.567c-2.179 0-3.946-1.545-3.946-3.448v-31.08c0-1.903 1.767-3.448 3.946-3.448h25.16c2.178 0 3.945 1.545 3.945 3.448z"/><path fill="#34484c" d="M8.598 19.549h22.383c1.502 0 1.502-2.04 0-2.04H8.598c-1.505 0-1.505 2.04 0 2.04m0 4.136h22.383c1.502 0 1.502-2.036 0-2.036H8.598c-1.505-.001-1.505 2.036 0 2.036m0 4.229h22.383c1.502 0 1.502-2.036 0-2.036H8.598c-1.505 0-1.505 2.036 0 2.036m0 4.136h22.383c1.502 0 1.502-2.036 0-2.036H8.598c-1.505 0-1.505 2.036 0 2.036m0 14.96h10.299c1.501 0 1.501-2.036 0-2.036H8.598c-1.505 0-1.505 2.036 0 2.036"/><path fill="#d0d2d3" d="M50.951 39.37c0 2.175-2.02 3.932-4.497 3.932H17.765c-2.482 0-4.497-1.757-4.497-3.932V3.936c0-2.17 2.01-3.931 4.497-3.931h28.689c2.482 0 4.497 1.761 4.497 3.931z"/><path fill="#fff" d="M48.634 36.34c0 1.902-1.765 3.447-3.944 3.447H19.53c-2.177 0-3.943-1.545-3.943-3.447V5.26c0-1.903 1.766-3.444 3.943-3.444h25.16c2.18 0 3.944 1.541 3.944 3.444z"/><path fill="#34484c" d="M20.561 10.162H42.94c1.508 0 1.508-2.037 0-2.037H20.561c-1.502 0-1.502 2.037 0 2.037m0 4.139H42.94c1.508 0 1.508-2.036 0-2.036H20.561c-1.502 0-1.502 2.036 0 2.036m0 4.23H42.94c1.508 0 1.508-2.041 0-2.041H20.561c-1.502.001-1.502 2.041 0 2.041m0 4.136H42.94c1.508 0 1.508-2.036 0-2.036H20.561c-1.502-.001-1.502 2.036 0 2.036m0 14.957h10.301c1.501 0 1.501-2.036 0-2.036H20.561c-1.502 0-1.502 2.036 0 2.036"/><path fill="#d0d2d3" d="M62.913 60.16c0 2.174-2.01 3.931-4.497 3.931H29.729c-2.486 0-4.501-1.757-4.501-3.931V24.725c0-2.169 2.02-3.931 4.501-3.931h28.687c2.484 0 4.497 1.761 4.497 3.931z"/><path fill="#fff" d="M60.6 57.14c0 1.905-1.77 3.447-3.947 3.447h-25.16c-2.178 0-3.946-1.542-3.946-3.447V26.06c0-1.902 1.769-3.443 3.946-3.443h25.16c2.178 0 3.947 1.541 3.947 3.443z"/><path fill="#34484c" d="M32.522 30.965h22.383c1.505 0 1.505-2.041 0-2.041H32.522c-1.501 0-1.501 2.041 0 2.041m0 4.135h22.383c1.505 0 1.505-2.036 0-2.036H32.522c-1.501-.001-1.501 2.036 0 2.036m0 4.23h22.383c1.505 0 1.505-2.036 0-2.036H32.522c-1.501 0-1.501 2.036 0 2.036m0 4.14h22.383c1.505 0 1.505-2.041 0-2.041H32.522c-1.501 0-1.501 2.041 0 2.041m0 14.95h10.304c1.501 0 1.501-2.035 0-2.035H32.522c-1.501 0-1.501 2.035 0 2.035"/></svg>Pages アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:pages" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:pages" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:pages" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--pages]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:pages"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:pages"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/pages.svg" alt="Pages アイコン" width="24" height="24">他のアイコンセットの Pages アイコン
Pages アイコン のよくある質問
Pages アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Pages アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:pages" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pages アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/pages.svg" alt="Pages アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。