Иконка Share

matita:share

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

Набор: Matita
Автор: matita.dev
Лицензия: MIT
Размер: 24 × 24

Скачать 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="1.6"><path stroke-width="1.536" d="M18.05 8.11c-.17-.04-.69-.1-1.01-.23a3 3 0 0 1-.89-.56c-.25-.25-.5-.57-.63-.91c-.12-.34-.15-.75-.13-1.13c.02-.37.1-.76.25-1.11s.36-.74.64-.99s.69-.41 1.06-.5c.37-.1.78-.12 1.16-.07c.39.04.82.15 1.16.35c.34.21.68.54.89.89c.22.35.32.8.4 1.22c.07.42.13.9.04 1.32c-.08.42-.3.86-.56 1.21c-.27.34-.64.64-1.02.85c-.39.22-.84.42-1.28.46s-.94-.05-1.36-.22c-.41-.17-.94-.66-1.13-.8"/><path stroke-width="1.696" d="M6.99 9.7c.14.09.59.32.82.55c.24.22.46.52.59.83c.14.31.23.69.23 1.04c-.01.34-.1.73-.24 1.04c-.15.32-.4.59-.65.84c-.24.25-.53.51-.85.64s-.71.16-1.06.15c-.35-.02-.72-.11-1.04-.26a2.9 2.9 0 0 1-.88-.67c-.24-.27-.42-.62-.54-.98c-.13-.35-.23-.74-.23-1.12c.01-.38.11-.8.27-1.15c.17-.34.42-.69.7-.95c.29-.25.66-.47 1.02-.59c.37-.13.78-.16 1.18-.14c.39.03.81.11 1.16.3c.35.18.68.48.93.8s.48.92.58 1.1"/><path stroke-width="1.664" d="M20.43 18.39c-.02.17-.03.71-.13 1.04c-.1.34-.27.68-.48.95c-.22.27-.52.53-.83.66c-.31.14-.69.16-1.03.15s-.7-.07-1.01-.2c-.32-.13-.63-.35-.89-.6c-.26-.26-.54-.58-.66-.93c-.13-.35-.11-.78-.1-1.17s.02-.83.17-1.19c.14-.36.42-.71.71-.98c.29-.26.65-.5 1.02-.62c.37-.11.8-.12 1.19-.06c.38.05.78.18 1.13.38s.72.47.96.8s.39.77.5 1.19c.1.42.19.9.13 1.33s-.4 1.05-.47 1.26"/><path stroke-width="1.696" d="M8.05 10.76q3.83-2.2 7.83-4.1"/><path stroke-width="1.648" d="M7.77 13.03q4.22 2.14 8.4 4.38"/></g></svg>

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

React

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

<Icon icon="matita:share" width="24" />

Vue

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

<template>
  <Icon icon="matita:share" width="24" />
</template>

Svelte

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

<Icon icon="matita:share" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[matita--share]"></span>

UnoCSS

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

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

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

<iconify-icon icon="matita:share"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/matita/share.svg" alt="Иконка Share" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Matita →