Ícone Send Horizontal Fill

keyline-icons:send-horizontal-fill

O ícone Send Horizontal Fill (keyline-icons:send-horizontal-fill) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: sendhorizontal, horizontalfill, sendhorizontalfill

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="M3.9419 1.2376L22.4705 11.1176C22.7964 11.2914 23 11.6307 23 12C23 12.3693 22.7964 12.7086 22.4705 12.8824L3.9419 22.7624C3.6523 22.9169 3.3291 22.9976 3.0009 22.9976C1.8963 22.9976 1.0009 22.1022 1.0009 20.9976C1.0009 20.8733 1.0125 20.7492 1.0355 20.627L2.5924 12.3706C2.6154 12.2484 2.627 12.1243 2.627 12C2.627 11.8757 2.6154 11.7516 2.5924 11.6294L1.0355 3.373C1.0125 3.2508 1.0009 3.1267 1.0009 3.0024C1.0009 1.8978 1.8963 1.0024 3.0009 1.0024C3.3291 1.0024 3.6523 1.0831 3.9419 1.2376ZM12.8399 12L2.3794 10.5L2.5924 11.6294C2.6385 11.8743 2.6385 12.1257 2.5924 12.3706L2.3794 13.5L12.8399 12Z"/></svg>

Como usar o ícone Send Horizontal Fill

React

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

<Icon icon="keyline-icons:send-horizontal-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:send-horizontal-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:send-horizontal-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--send-horizontal-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:send-horizontal-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:send-horizontal-fill"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/send-horizontal-fill.svg" alt="Ícone Send Horizontal Fill" width="24" height="24">

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Send Horizontal Fill

O ícone Send Horizontal Fill é grátis para uso comercial?

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

Como uso o ícone Send Horizontal Fill no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:send-horizontal-fill" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Send Horizontal Fill a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/send-horizontal-fill.svg" alt="Ícone Send Horizontal Fill">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →