Ícone Paragraphs Indent
streamline-freehand:paragraphs-indent
O ícone Paragraphs Indent (streamline-freehand:paragraphs-indent) é um ícone SVG gratuito da coleção Freehand free icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Interface essencial
- Tags
- paragraphsindent, paragraph
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="m1.321 10.43l.44-.4c.66-.62 1.92-1.789 2.78-2.759a5.7 5.7 0 0 0 1.11-1.64a.78.78 0 0 0-.1-.52A6 6 0 0 0 5 4.263a20.2 20.2 0 0 0-3-3.06a.4.4 0 0 0-.57.07a.39.39 0 0 0 .07.56a23.4 23.4 0 0 1 2.68 3.61a2 2 0 0 1-.11.2c-.23.32-.57.73-.92 1.19c-.71.94-1.51 1.999-2 2.629c-.16.19-.39.33-.34.39a.38.38 0 0 0-.15.2c-.04.23.16.75.66.38m7.34-9.209c1.67.07 3.329.17 4.998.22h4.23c1.059 0 2.109-.07 3.168-.12l2.09-.14a.39.39 0 0 0 .39-.41a.39.39 0 0 0-.41-.39l-2.07-.03l-5.248-.24h-2.16c-1.67.07-3.329.23-4.998.36a.36.36 0 0 0-.35.4a.36.36 0 0 0 .36.35m-.49 5.148h.13l.49.16l1 .2q.435.09.88.12c.669.06 1.329.06 1.999.1h1.42c.909 0 1.819-.17 2.729-.28a21 21 0 0 1 2.619-.2l3 .07l1.249-.2a.39.39 0 0 0 .31-.44a.41.41 0 0 0-.48-.32l-1.08.09l-2.93-.34q-1.064-.075-2.129 0c-.95.06-1.91.19-2.859.3c-.61.07-1.22.15-1.84.18s-1.12.09-1.679.11q-.54.039-1.08 0l-1-.1c-.62-.12-.56-.15-.7-.12a.32.32 0 0 0-.32.33a.37.37 0 0 0 .27.34M8 11.85h.14l.46.18l1 .21q.44.082.89.12c.659.06 1.329.06 1.999.1q.705.038 1.41 0c.91 0 1.819-.16 2.729-.27a21 21 0 0 1 2.619-.2l3 .07l1.249-.2a.42.42 0 0 0 .32-.48a.4.4 0 0 0-.48-.31l-1.09.09l-2.92-.34q-1.059-.075-2.119 0c-1 .06-1.909.19-2.859.3c-.61.07-1.22.15-1.84.17s-1.12.09-1.689.12q-.534.03-1.07 0l-1-.1c-.74-.14-.6-.15-.7-.13a.33.33 0 0 0-.29.4a.39.39 0 0 0 .24.27M.562 17.779l.65.14l1.54.2q.86.114 1.729.14c.85 0 1.7.05 2.549.08h2.08c1.37 0 2.729-.17 4.099-.28s2.669-.21 3.999-.2l4.458.07l1.81-.19a.42.42 0 0 0 .35-.46a.41.41 0 0 0-.46-.34l-1.7.09l-4.419-.34a27 27 0 0 0-3.119 0c-1.44.06-2.869.19-4.299.3c-.92.04-1.83.12-2.829.14s-1.7.09-2.55.12H2.792l-1.55-.1c-1.14-.12-.84-.12-.93-.12a.34.34 0 0 0-.3.26a.36.36 0 0 0 .07.32a.43.43 0 0 0 .24.13zm22.914 4.748l-1.71.09l-4.408-.34c-1.05-.06-2.09-.07-3.13 0c-1.43.06-2.859.19-4.299.3c-.93.07-1.87.15-2.819.18c-.95.03-1.69.09-2.54.11H2.912l-1.55-.1c-1.12-.18-1.16-.21-1.26.11a.31.31 0 0 0 .07.31a.4.4 0 0 0 .23.14h.24l.66.14l1.53.21c.58.07 1.15.11 1.73.14l2.55.07H9.2c1.36 0 2.729-.17 4.089-.27s2.679-.22 3.999-.2l4.448.07l1.82-.2a.4.4 0 0 0 .34-.46a.4.4 0 0 0-.42-.3" clip-rule="evenodd"/></svg>Como usar o ícone Paragraphs Indent
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:paragraphs-indent" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:paragraphs-indent" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:paragraphs-indent" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--paragraphs-indent]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:paragraphs-indent"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:paragraphs-indent"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/paragraphs-indent.svg" alt="Ícone Paragraphs Indent" width="24" height="24">Ícones relacionados em Freehand free icons
O ícone Paragraphs Indent em outras coleções
Perguntas frequentes sobre Ícone Paragraphs Indent
O ícone Paragraphs Indent é grátis para uso comercial?
Sim. Freehand free icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Paragraphs Indent no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand:paragraphs-indent" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Paragraphs Indent a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand/paragraphs-indent.svg" alt="Ícone Paragraphs Indent">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.