Page Break 16 アイコン
qlementine-icons:page-break-16
Page Break 16 アイコン(qlementine-icons:page-break-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
- カテゴリ
- ページ
- タグ
- pagebreak
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="M14 5h-3.5a.5.5 0 0 1-.5-.5V1H7c-.717 0-1.19 0-1.56.03c-.355.03-.518.081-.62.134a1.5 1.5 0 0 0-.656.656c-.052.103-.104.265-.133.62c-.03.367-.03.844-.03 1.56v2.5l-1-1V4c0-1.4 0-2.1.271-2.63A2.5 2.5 0 0 1 4.362.28c.535-.272 1.23-.272 2.63-.272h3.51c.367 0 .55 0 .723.041q.231.056.434.18c.151.093.281.222.54.482l2.09 2.09c.26.26.39.39.482.541q.124.203.18.434c.042.173.042.356.042.723v2.51h-1v-2zm-3-3.99q.075.018.14.059c.027.016.063.043.356.336l2.09 2.09c.293.293.32.329.336.356q.04.065.059.14h-2.99V1z" clip-rule="evenodd"/><path fill="currentColor" d="m4 12.5l-.978.978c.03.502.096.856.25 1.16c.24.47.622.853 1.09 1.09c.535.272 1.23.272 2.63.272h4c1.4 0 2.1 0 2.64-.272a2.5 2.5 0 0 0 1.09-1.09c.272-.535.272-1.23.272-2.64h-1c0 .717 0 1.19-.03 1.56c-.03.355-.081.518-.134.62a1.5 1.5 0 0 1-.656.656c-.103.053-.265.104-.62.133c-.367.03-.844.03-1.56.03h-4c-.717 0-1.19 0-1.56-.03c-.355-.029-.518-.08-.62-.133a1.5 1.5 0 0 1-.656-.656c-.052-.103-.104-.265-.133-.62c-.022-.274-.028-.61-.03-1.06zm1-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m8 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5M.985 7.17a.565.565 0 0 0-.816 0a.61.61 0 0 0 0 .842l1.44 1.48l-1.44 1.48a.61.61 0 0 0 0 .842a.565.565 0 0 0 .816 0l1.85-1.9a.61.61 0 0 0 0-.842l-1.85-1.9zM11.5 10a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1z"/></svg>
Page Break 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:page-break-16" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:page-break-16" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:page-break-16" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--page-break-16]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:page-break-16"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:page-break-16"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/qlementine-icons/page-break-16.svg" alt="Page Break 16 アイコン" width="24" height="24">
Page Break 16 アイコン のよくある質問
Page Break 16 アイコンは商用利用でも無料ですか?
はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Page Break 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="qlementine-icons:page-break-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Page Break 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/page-break-16.svg" alt="Page Break 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Qlementine Icons をすべて見る →
ICONYZ
