Icône Insert Page Break Outline Rounded

material-symbols:insert-page-break-outline-rounded

L'icône Insert Page Break Outline Rounded (material-symbols:insert-page-break-outline-rounded) est une icône SVG gratuite de la collection Material Symbols par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Material Symbols
Auteur: Google
Licence: Apache-2.0
Taille: 24 × 24
Catégorie: Texte
Mots-clés: break, dash, dashed, doc, document, file, page, paper, editor, insertpage, pagebreak, breakoutline, outlinerounded, insertpagebreakoutlinerounded

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 22q-.825 0-1.412-.587T4 20v-2q0-.425.288-.712T5 17t.713.288T6 18v2h12v-2q0-.425.288-.712T19 17t.713.288T20 18v2q0 .825-.587 1.413T18 22zM4 4q0-.825.588-1.412T6 2h7.175q.4 0 .763.15t.637.425l4.85 4.85q.275.275.425.638t.15.762V10q0 .425-.288.713T19 11t-.712-.288T18 10V9h-4q-.425 0-.712-.288T13 8V4H6v6q0 .425-.288.713T5 11t-.712-.288T4 10zm6 11q-.425 0-.712-.288T9 14t.288-.712T10 13h4q.425 0 .713.288T15 14t-.288.713T14 15zm8 0q-.425 0-.712-.288T17 14t.288-.712T18 13h4q.425 0 .713.288T23 14t-.288.713T22 15zM2 15q-.425 0-.712-.288T1 14t.288-.712T2 13h4q.425 0 .713.288T7 14t-.288.713T6 15zm10 2"/></svg>

Comment utiliser l'icône Insert Page Break Outline Rounded

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols:insert-page-break-outline-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols:insert-page-break-outline-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols:insert-page-break-outline-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--insert-page-break-outline-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:insert-page-break-outline-rounded"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols:insert-page-break-outline-rounded"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/insert-page-break-outline-rounded.svg" alt="Icône Insert Page Break Outline Rounded" width="24" height="24">

Icônes similaires dans Material Symbols

L'icône Insert Page Break Outline Rounded dans d'autres collections

FAQ : Icône Insert Page Break Outline Rounded

L'icône Insert Page Break Outline Rounded est-elle gratuite pour un usage commercial ?

Oui. Les Material Symbols icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Insert Page Break Outline Rounded dans React ?

Installez @iconify/react et affichez <Icon icon="material-symbols:insert-page-break-outline-rounded" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Insert Page Break Outline Rounded à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols/insert-page-break-outline-rounded.svg" alt="Icône Insert Page Break Outline Rounded">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Material Symbols →