Ícone Text Square Remix
streamline-flex:text-square-remix
O ícone Text Square Remix (streamline-flex:text-square-remix) é um ícone SVG gratuito da coleção Flex free icons de Streamline. Ele é desenhado em uma grade de 14 × 14. Flex 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
- Flex free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 14 × 14
- Categoria
- Interface essencial
- Tags
- textsquare, squareremix, textsquareremix
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M3.772 1.583c1.027-.114 2.058-.208 3.103-.208s2.076.094 3.103.208a2.505 2.505 0 0 1 2.2 2.205c.109 1.02.197 2.047.197 3.087s-.088 2.067-.197 3.087a2.505 2.505 0 0 1-2.2 2.205c-1.027.114-2.058.208-3.103.208s-2.076-.094-3.103-.208a2.505 2.505 0 0 1-2.2-2.205c-.109-1.02-.197-2.047-.197-3.087s.088-2.067.197-3.087a2.505 2.505 0 0 1 2.2-2.205M6.875.125c-1.115 0-2.202.1-3.24.215A3.755 3.755 0 0 0 .328 3.655C.219 4.688.125 5.768.125 6.875s.094 2.187.204 3.22a3.755 3.755 0 0 0 3.305 3.314c1.039.116 2.126.216 3.241.216s2.202-.1 3.24-.215a3.755 3.755 0 0 0 3.306-3.316c.11-1.032.204-2.112.204-3.219s-.094-2.187-.204-3.22A3.755 3.755 0 0 0 10.116.34C9.077.225 7.99.125 6.875.125M5.242 9.536q-.045.249-.082.427a.75.75 0 1 1-1.47-.296q.03-.151.072-.38c.137-.72.371-1.96.712-3.086c.206-.68.465-1.372.794-1.91c.3-.49.816-1.106 1.607-1.106c.79 0 1.306.615 1.606 1.106c.33.538.589 1.23.794 1.91c.341 1.126.576 2.366.712 3.087l.073.38a.75.75 0 0 1-1.47.295q-.036-.178-.083-.427a60 60 0 0 0-.182-.931h-2.9c-.072.348-.132.666-.183.931m2.598-2.9q.07.231.134.469H5.776q.063-.237.134-.47c.193-.638.409-1.187.638-1.561c.175-.286.29-.363.327-.383c.038.02.152.097.327.383c.23.374.445.923.638 1.561" clip-rule="evenodd"/></svg>
Como usar o ícone Text Square Remix
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:text-square-remix" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:text-square-remix" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:text-square-remix" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--text-square-remix]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:text-square-remix"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:text-square-remix"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-flex/text-square-remix.svg" alt="Ícone Text Square Remix" width="24" height="24">
Ícones relacionados em Flex free icons
O ícone Text Square Remix em outras coleções
Perguntas frequentes sobre Ícone Text Square Remix
O ícone Text Square Remix é grátis para uso comercial?
Sim. Flex 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 Text Square Remix no React?
Instale @iconify/react e renderize <Icon icon="streamline-flex:text-square-remix" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Text Square Remix a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-flex/text-square-remix.svg" alt="Ícone Text Square Remix">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Flex free icons →
ICONYZ
