Иконка Share 2 Two Tone

keyline-icons:share-2-two-tone

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

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

Скачать 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="M11.5 5.5001L11.5 8.0151C6.516 8.6696 2.6098 12.6194 2.0106 17.6103C2.0035 17.6696 1.9999 17.7293 1.9999 17.7891C1.9999 18.6175 2.6715 19.2891 3.4999 19.2891C3.8721 19.2891 4.231 19.1507 4.5069 18.9009C6.43 17.159 8.907 16.153 11.5 16.0607L11.5 18.4999C11.5 19.3283 12.1716 19.9999 13 19.9999C13.3516 19.9999 13.692 19.8764 13.9617 19.651L21.2822 13.5348C21.7371 13.1548 21.9999 12.5927 21.9999 12C21.9999 11.4073 21.7371 10.8452 21.2822 10.4652L13.9617 4.349C13.692 4.1236 13.3516 4.0001 13 4.0001C12.1716 4.0001 11.5 4.6717 11.5 5.5001Z" stroke="none"/><path d="M12.5 5.5001L12.5 8.4629C12.5 8.7219 12.3023 8.938 12.0444 8.9609C7.3375 9.3805 3.5668 13.0376 3.0035 17.7295C3.0011 17.7493 2.9999 17.7692 2.9999 17.7891C2.9999 18.0652 3.2238 18.2891 3.4999 18.2891C3.624 18.2891 3.7436 18.243 3.8356 18.1597C6.0425 16.1608 8.9138 15.0538 11.8914 15.0538C11.9291 15.0538 11.9669 15.0539 12.0047 15.0543C12.279 15.0569 12.5 15.28 12.5 15.5543L12.5 18.4999C12.5 18.7761 12.7239 18.9999 13 18.9999C13.1172 18.9999 13.2307 18.9587 13.3206 18.8836L20.6411 12.7674C20.8685 12.5774 20.9999 12.2963 20.9999 12C20.9999 11.7037 20.8685 11.4226 20.6411 11.2326L13.3206 5.1164C13.2307 5.0413 13.1172 5.0001 13 5.0001C12.7239 5.0001 12.5 5.2239 12.5 5.5001Z"/></g></svg>

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

React

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

<Icon icon="keyline-icons:share-2-two-tone" width="24" />

Vue

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

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

Svelte

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

<Icon icon="keyline-icons:share-2-two-tone" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="keyline-icons:share-2-two-tone"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Keyline Icons →