ICONYZ
Português (Brasil)
Ícone Text Number List Rotate 270 24 Filled de Fluent UI System Icons

Ícone Text Number List Rotate 270 24 Filled

fluent:text-number-list-rotate-270-24-filled

O ícone Text Number List Rotate 270 24 Filled (fluent:text-number-list-rotate-270-24-filled) é um ícone SVG gratuito da coleção Fluent UI System Icons de Microsoft Corporation. Ele é desenhado em uma grade de 24 × 24. Fluent UI System 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
Fluent UI System Icons
Autor
Microsoft Corporation
Licença
MIT
Tamanho
24 × 24
Tags
textnumber, numberlist, listrotate, rotatefilled, textnumberlistrotatefilled
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.75 18a.75.75 0 0 0-.307 1.434l.003.002a2 2 0 0 1 .132.067c.096.052.232.131.385.238c.312.217.662.524.901.906a.75.75 0 0 0 1.272-.794a4 4 0 0 0-.248-.353H7.25a.75.75 0 0 0 0-1.5zM18 4.5V13l.007.117A1 1 0 0 0 20 13V4.5l-.007-.116A1 1 0 0 0 18 4.5m-6.5 0V13l.007.117A1 1 0 0 0 13.5 13V4.5l-.007-.116A1 1 0 0 0 11.5 4.5M5 4.5V13l.007.117A1 1 0 0 0 7 13V4.5l-.007-.116A1 1 0 0 0 5 4.5m5.52 14.35c-.053.3.066.676.26.87a.75.75 0 0 1-1.06 1.06c-.556-.556-.812-1.43-.677-2.192c.07-.397.254-.805.605-1.115c.358-.316.825-.473 1.352-.473c.62 0 1.08.271 1.42.606c.283.278.511.63.689.906l.051.08c.127.195.237.354.34.481V17.75a.75.75 0 0 1 1.5 0v2.5a.75.75 0 0 1-.75.75c-1.313 0-1.953-.984-2.337-1.575l-.04-.06c-.205-.318-.345-.533-.504-.69c-.136-.134-.238-.175-.369-.175c-.223 0-.318.061-.36.098a.42.42 0 0 0-.12.251m10.76 2.18s.084-.093.005-.004l.005-.006l.013-.013a1.4 1.4 0 0 0 .125-.15c.071-.095.158-.227.243-.397c.17-.341.33-.83.33-1.46c0-.64-.182-1.196-.54-1.601a1.73 1.73 0 0 0-1.36-.594a1.78 1.78 0 0 0-1.1.425a1.78 1.78 0 0 0-1.102-.425a1.73 1.73 0 0 0-1.36.594C16.182 17.804 16 18.36 16 19c0 .63.158 1.119.33 1.46a2.6 2.6 0 0 0 .334.51l.033.037l.013.013l.005.006l.003.002v.001l.002.001a.75.75 0 0 0 1.072-1.048l-.02-.026a1 1 0 0 1-.101-.166a1.75 1.75 0 0 1-.17-.79c0-.36.099-.536.163-.608a.23.23 0 0 1 .187-.088a.33.33 0 0 1 .23.123c.078.088.17.263.17.573a.75.75 0 0 0 1.5 0c0-.31.09-.485.167-.573a.33.33 0 0 1 .231-.123a.23.23 0 0 1 .188.088c.063.072.163.247.163.608c0 .37-.092.631-.17.79a1 1 0 0 1-.122.192a.75.75 0 0 0 1.072 1.048m-4.562-.002v.001"/></svg>

Como usar o ícone Text Number List Rotate 270 24 Filled

React

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

<Icon icon="fluent:text-number-list-rotate-270-24-filled" width="24" />

Vue

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

<template>
  <Icon icon="fluent:text-number-list-rotate-270-24-filled" width="24" />
</template>

Svelte

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

<Icon icon="fluent:text-number-list-rotate-270-24-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--text-number-list-rotate-270-24-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:text-number-list-rotate-270-24-filled"></div>

Web component

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

<iconify-icon icon="fluent:text-number-list-rotate-270-24-filled"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fluent/text-number-list-rotate-270-24-filled.svg" alt="Ícone Text Number List Rotate 270 24 Filled" width="24" height="24">

Ícones relacionados em Fluent UI System Icons

Perguntas frequentes sobre Ícone Text Number List Rotate 270 24 Filled

O ícone Text Number List Rotate 270 24 Filled é grátis para uso comercial?

Sim. Fluent UI System Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Text Number List Rotate 270 24 Filled no React?

Instale @iconify/react e renderize <Icon icon="fluent:text-number-list-rotate-270-24-filled" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Text Number List Rotate 270 24 Filled a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent/text-number-list-rotate-270-24-filled.svg" alt="Ícone Text Number List Rotate 270 24 Filled">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Fluent UI System Icons →