Иконка Share 2 Fill

keyline-icons:share-2-fill

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" 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"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

Иконка Share 2 Fill в других наборах

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

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

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

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

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

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

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

Все Keyline Icons →