Ícone Arrow Expand
streamline-plump:arrow-expand
O ícone Arrow Expand (streamline-plump:arrow-expand) é um ícone SVG gratuito da coleção Plump free icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Plump 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
- Plump free icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Interface essencial
- Tags
- arrowexpand
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M18.352 3.307c1.329.146 1.94 1.538 1.123 2.595c-.813 1.052-2.014 2.495-3.747 4.357c2.115 2.355 3.489 4.11 4.302 5.22c.646.88.732 1.992.02 2.822a16 16 0 0 1-.864.926c-.331.328-.623.597-.878.816c-.835.717-1.945.617-2.823-.046c-1.096-.828-2.83-2.212-5.172-4.31c-1.917 1.792-3.384 3.013-4.443 3.828c-1.048.806-2.413.2-2.559-1.113c-.445-4.012-.343-8.76-.13-12.485A2.9 2.9 0 0 1 5.915 3.18c3.71-.21 8.435-.314 12.436.126Zm11.296 0c-1.329.146-1.94 1.538-1.123 2.595c.813 1.052 2.014 2.495 3.747 4.357c-2.115 2.355-3.489 4.11-4.302 5.22c-.646.88-.732 1.992-.02 2.822c.23.269.513.577.864.926c.331.328.623.597.878.816c.835.717 1.945.617 2.823-.046c1.096-.828 2.83-2.212 5.172-4.31c1.917 1.792 3.384 3.013 4.443 3.828c1.048.806 2.413.2 2.559-1.113c.445-4.012.343-8.76.13-12.485a2.9 2.9 0 0 0-2.735-2.736c-3.71-.21-8.435-.314-12.436.126m0 41.386c-1.329-.146-1.94-1.537-1.123-2.595c.813-1.052 2.014-2.495 3.747-4.357c-2.115-2.355-3.489-4.11-4.302-5.22c-.646-.88-.732-1.992-.02-2.822c.23-.268.513-.576.864-.925c.331-.33.623-.598.878-.817c.835-.717 1.945-.617 2.823.046c1.096.828 2.83 2.213 5.172 4.31c1.917-1.792 3.384-3.013 4.443-3.828c1.048-.806 2.413-.2 2.559 1.113c.445 4.012.343 8.76.13 12.485a2.9 2.9 0 0 1-2.735 2.736c-3.71.211-8.435.314-12.436-.126m-12.296.033c1.33-.14 1.938-1.53 1.116-2.585c-.737-.946-1.792-2.21-3.274-3.81c2.42-2.654 3.956-4.608 4.836-5.81c.646-.88.732-1.992.02-2.822a16 16 0 0 0-.864-.925a17 17 0 0 0-.878-.817c-.835-.717-1.945-.617-2.823.046c-1.187.896-3.12 2.444-5.763 4.843c-1.653-1.537-2.942-2.614-3.897-3.355c-1.045-.81-2.406-.207-2.547 1.108c-.397 3.706-.308 8.052-.116 11.503a2.897 2.897 0 0 0 2.735 2.735c3.436.191 7.759.28 11.455-.11Z"/></svg>
Como usar o ícone Arrow Expand
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:arrow-expand" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:arrow-expand" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:arrow-expand" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--arrow-expand]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:arrow-expand"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:arrow-expand"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/arrow-expand.svg" alt="Ícone Arrow Expand" width="24" height="24">
Ícones relacionados em Plump free icons
O ícone Arrow Expand em outras coleções
Perguntas frequentes sobre Ícone Arrow Expand
O ícone Arrow Expand é grátis para uso comercial?
Sim. Plump 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 Arrow Expand no React?
Instale @iconify/react e renderize <Icon icon="streamline-plump:arrow-expand" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Arrow Expand a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-plump/arrow-expand.svg" alt="Ícone Arrow Expand">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Plump free icons →
