ICONYZ
Português (Brasil)
Ícone Line Arrow Expand Remix de Flex free icons

Ícone Line Arrow Expand Remix

streamline-flex:line-arrow-expand-remix

O ícone Line Arrow Expand Remix (streamline-flex:line-arrow-expand-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
linearrow, arrowexpand, expandremix, linearrowexpandremix
Baixar SVG

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 1.25c.536 0 1.092.107 1.802.343A.625.625 0 1 0 5.197.407C4.407.144 3.713 0 3 0S1.592.144.802.407a.63.63 0 0 0-.395.396C.144 1.593 0 2.287 0 3s.144 1.408.407 2.198a.625.625 0 1 0 1.186-.396C1.356 4.092 1.25 3.537 1.25 3c0-.255.024-.514.075-.792l3.233 3.234a.625.625 0 1 0 .884-.884L2.21 1.325c.277-.05.536-.075.79-.075m8 0c-.537 0-1.092.107-1.802.343A.625.625 0 0 1 8.802.407C9.592.144 10.287 0 11 0c.709 0 1.399.142 2.183.403a.62.62 0 0 1 .414.413C13.857 1.6 14 2.29 14 3c0 .713-.144 1.408-.407 2.198a.625.625 0 1 1-1.186-.396c.236-.71.343-1.265.343-1.802c0-.255-.024-.514-.075-.791L9.442 5.442a.625.625 0 1 1-.884-.884l3.233-3.233A4.4 4.4 0 0 0 11 1.25M5.442 9.442a.625.625 0 0 0-.884-.884l-3.233 3.234A4.4 4.4 0 0 1 1.25 11c0-.537.106-1.093.343-1.803a.625.625 0 1 0-1.186-.395C.144 9.592 0 10.286 0 11c0 .713.144 1.407.407 2.197a.63.63 0 0 0 .395.396C1.592 13.856 2.287 14 3 14s1.407-.144 2.197-.407a.625.625 0 1 0-.395-1.186c-.71.236-1.266.343-1.802.343c-.255 0-.514-.024-.791-.075zm4-.884a.625.625 0 1 0-.884.884l3.233 3.233a4.4 4.4 0 0 1-.792.075c-.536 0-1.092-.107-1.802-.343a.625.625 0 1 0-.395 1.185c.79.264 1.484.408 2.197.408c.708 0 1.397-.142 2.18-.401a.62.62 0 0 0 .422-.43c.258-.778.398-1.465.398-2.17c0-.713-.144-1.407-.407-2.197a.625.625 0 1 0-1.186.395c.237.71.343 1.266.343 1.803c0 .254-.024.513-.074.79z" clip-rule="evenodd"/></svg>

Como usar o ícone Line Arrow Expand Remix

React

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

<Icon icon="streamline-flex:line-arrow-expand-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:line-arrow-expand-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:line-arrow-expand-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--line-arrow-expand-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:line-arrow-expand-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:line-arrow-expand-remix"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-flex/line-arrow-expand-remix.svg" alt="Ícone Line Arrow Expand Remix" width="24" height="24">

Ícones relacionados em Flex free icons

O ícone Line Arrow Expand Remix em outras coleções

Perguntas frequentes sobre Ícone Line Arrow Expand Remix

O ícone Line Arrow Expand 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 Line Arrow Expand Remix no React?

Instale @iconify/react e renderize <Icon icon="streamline-flex:line-arrow-expand-remix" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Line Arrow Expand 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/line-arrow-expand-remix.svg" alt="Ícone Line Arrow Expand Remix">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Flex free icons →