Иконка Send Horizontal Two Tone

keyline-icons:send-horizontal-two-tone

Иконка Send Horizontal Two Tone (keyline-icons:send-horizontal-two-tone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: sendhorizontal, horizontaltwo, twotone, sendhorizontaltwotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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.2376Z" stroke="none"/><path d="M3.4714 2.12L22 12L3.4714 21.88C2.7309 22.2749 1.8627 21.637 2.0182 20.8123L3.575 12.5559C3.6443 12.1885 3.6443 11.8115 3.575 11.4441L2.0182 3.1877C1.8627 2.363 2.7309 1.7251 3.4714 2.12ZM3.6799 12L22 12"/></g></svg>

Как использовать иконку Send Horizontal Two Tone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/send-horizontal-two-tone.svg" alt="Иконка Send Horizontal Two Tone" width="24" height="24">

Вопросы и ответы: Иконка Send Horizontal Two Tone

Можно ли бесплатно использовать иконку Send Horizontal Two Tone в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Send Horizontal Two Tone в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:send-horizontal-two-tone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Send Horizontal Two Tone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/send-horizontal-two-tone.svg" alt="Иконка Send Horizontal Two Tone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →