Ícone Square Arrow Out Down Left

hugeicons:square-arrow-out-down-left

O ícone Square Arrow Out Down Left (hugeicons:square-arrow-out-down-left) é um ícone SVG gratuito da coleção Huge Icons de Hugeicons. Ele é desenhado em uma grade de 24 × 24. Huge 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: Huge Icons
Autor: Hugeicons
Licença: MIT
Tamanho: 24 × 24
Tags: squarearrow, arrowout, outdown, downleft, squarearrowoutdownleft

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M13.494 20.999c3.262-.018 5.029-.163 6.182-1.316c1.318-1.318 1.318-3.439 1.318-7.681c0-4.243 0-6.365-1.319-7.683s-3.439-1.318-7.682-1.318c-4.242 0-6.363 0-7.681 1.318c-1.153 1.153-1.298 2.92-1.316 6.183"/><path fill="currentColor" d="M13.523 11.53a.75.75 0 1 0-1.061-1.06l.53.53zM3.112 19.82a.75.75 0 0 0 1.06 1.061l-.53-.53zm.734-4.762a.75.75 0 1 0-1.495-.117l.747.059zm5.205 6.583a.75.75 0 0 0-.117-1.495l.058.748zm3.941-10.64l-.53-.53l-9.35 9.35l.53.53l.53.53l9.35-9.35zm-9.587 9.586l.53-.53c.057.057.03.064-.019-.109a4 4 0 0 1-.104-.607a16 16 0 0 1-.07-1.8a38 38 0 0 1 .103-2.47v-.01l.001-.002l-.748-.06l-.747-.058v.005L2.345 15a28 28 0 0 0-.046.736a40 40 0 0 0-.057 1.793c-.005.666.012 1.377.077 1.976c.033.298.08.59.151.845c.063.227.174.538.404.767zm5.587.307l-.058-.748H8.92l-.039.004a37 37 0 0 1-.706.044c-.463.024-1.084.05-1.724.055a16 16 0 0 1-1.801-.069a4 4 0 0 1-.607-.104c-.173-.048-.166-.076-.109-.02l-.53.531l-.53.53c.229.23.54.34.767.404c.255.07.547.118.845.15c.599.066 1.31.083 1.976.078a40 40 0 0 0 2.529-.103l.043-.004h.015z"/></g></svg>

Como usar o ícone Square Arrow Out Down Left

React

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

<Icon icon="hugeicons:square-arrow-out-down-left" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:square-arrow-out-down-left" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:square-arrow-out-down-left" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--square-arrow-out-down-left]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:square-arrow-out-down-left"></div>

Web component

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

<iconify-icon icon="hugeicons:square-arrow-out-down-left"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/square-arrow-out-down-left.svg" alt="Ícone Square Arrow Out Down Left" width="24" height="24">

Ícones relacionados em Huge Icons

O ícone Square Arrow Out Down Left em outras coleções

Perguntas frequentes sobre Ícone Square Arrow Out Down Left

O ícone Square Arrow Out Down Left é grátis para uso comercial?

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

Como uso o ícone Square Arrow Out Down Left no React?

Instale @iconify/react e renderize <Icon icon="hugeicons:square-arrow-out-down-left" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Square Arrow Out Down Left a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/hugeicons/square-arrow-out-down-left.svg" alt="Ícone Square Arrow Out Down Left">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Huge Icons →