Иконка Share Alt

dashicons:share-alt

Иконка Share Alt (dashicons:share-alt) — бесплатная SVG-иконка из набора Dashicons от WordPress. Она нарисована на сетке 20 × 20. Dashicons выпущены под лицензией GPL, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Dashicons
Автор: WordPress
Лицензия: GPL-2.0-or-later
Размер: 20 × 20
Теги: sharealt

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M16.22 5.8c.47.69.29 1.62-.4 2.08c-.69.47-1.62.29-2.08-.4c-.16-.24-.35-.46-.55-.67a4.4 4.4 0 0 0-1.44-.96c-.27-.12-.55-.21-.84-.26c-.59-.13-1.23-.13-1.82-.01q-.435.09-.84.27c-.27.11-.53.25-.77.41s-.46.35-.66.55c-.21.21-.4.43-.56.67s-.3.5-.41.76c-.01.02-.01.03-.01.04c-.1.24-.17.48-.23.72H1V6h2.66c.04-.07.07-.13.12-.2c.27-.4.57-.77.91-1.11s.72-.65 1.11-.91c.4-.27.83-.51 1.28-.7s.93-.34 1.41-.43c.99-.21 2.03-.21 3.02 0c.48.09.96.24 1.41.43s.88.43 1.28.7c.39.26.77.57 1.11.91s.64.71.91 1.11M12.5 10a2.5 2.5 0 0 0-5 0a2.5 2.5 0 0 0 5 0m-8.72 4.2a1.497 1.497 0 1 1 2.48-1.68c.16.24.35.46.55.67a4.4 4.4 0 0 0 1.44.96c.27.12.55.2.84.26c.59.13 1.23.12 1.82 0c.29-.06.57-.14.84-.26c.27-.11.53-.25.77-.41s.46-.35.66-.55c.21-.21.4-.44.56-.67c.16-.25.3-.5.41-.76c.01-.02.01-.03.01-.04c.1-.24.17-.48.23-.72H19v3h-2.66c-.04.06-.07.13-.12.2c-.27.4-.57.77-.91 1.11s-.72.65-1.11.91c-.4.27-.83.51-1.28.7s-.93.33-1.41.43c-.99.21-2.03.21-3.02 0c-.48-.1-.96-.24-1.41-.43s-.88-.43-1.28-.7c-.39-.26-.77-.57-1.11-.91s-.64-.71-.91-1.11"/></svg>

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

React

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

<Icon icon="dashicons:share-alt" width="24" />

Vue

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

<template>
  <Icon icon="dashicons:share-alt" width="24" />
</template>

Svelte

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

<Icon icon="dashicons:share-alt" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="dashicons:share-alt"></iconify-icon>

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

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

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

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

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

Да. Dashicons выпущены под лицензией GPL, которая разрешает использование в личных и коммерческих проектах; изменённые версии файлов иконок должны сохранять ту же лицензию.

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

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

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

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

Все Dashicons →