Ícone Page Break 16
qlementine-icons:page-break-16
O ícone Page Break 16 (qlementine-icons:page-break-16) é um ícone SVG gratuito da coleção Qlementine Icons de Olivier Cléro. Ele é desenhado em uma grade de 24 × 24. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Qlementine Icons
- Autor
- Olivier Cléro
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Página
- Tags
- pagebreak
Código 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>Como usar o ícone 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 component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/page-break-16.svg" alt="Ícone Page Break 16" width="24" height="24">Ícones relacionados em Qlementine Icons
Perguntas frequentes sobre Ícone Page Break 16
O ícone Page Break 16 é grátis para uso comercial?
Sim. Qlementine Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Page Break 16 no React?
Instale @iconify/react e renderize <Icon icon="qlementine-icons:page-break-16" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Page Break 16 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/qlementine-icons/page-break-16.svg" alt="Ícone Page Break 16">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.