Иконка Share From Square
fa6-solid:share-from-square
Иконка Share From Square (fa6-solid:share-from-square) — бесплатная SVG-иконка из набора Font Awesome 6 Solid от Dave Gandy. Она нарисована на сетке 576 × 512. Font Awesome 6 Solid icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Font Awesome 6 Solid
- Автор
- Dave Gandy
- Лицензия
- CC-BY-4.0
- Размер
- 576 × 512
- Теги
- sharefrom, fromsquare, sharefromsquare
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="576" height="512" viewBox="0 0 576 512"><path fill="currentColor" d="M352 224h-46.5c-45 0-81.5 36.5-81.5 81.5c0 22.3 10.3 34.3 19.2 40.5c6.8 4.7 12.8 12 12.8 20.3c0 9.8-8 17.8-17.8 17.8h-2.5c-2.4 0-4.8-.4-7.1-1.4C210.8 374.8 128 333.4 128 240c0-79.5 64.5-144 144-144h80V34.7C352 15.5 367.5 0 386.7 0c8.6 0 16.8 3.2 23.2 8.9l138.2 124.4c7.6 6.8 11.9 16.5 11.9 26.7s-4.3 19.9-11.9 26.7l-139 125.1c-5.9 5.3-13.5 8.2-21.4 8.2H384c-17.7 0-32-14.3-32-32zM80 96c-8.8 0-16 7.2-16 16v320c0 8.8 7.2 16 16 16h320c8.8 0 16-7.2 16-16v-48c0-17.7 14.3-32 32-32s32 14.3 32 32v48c0 44.2-35.8 80-80 80H80c-44.2 0-80-35.8-80-80V112c0-44.2 35.8-80 80-80h48c17.7 0 32 14.3 32 32s-14.3 32-32 32z"/></svg>Как использовать иконку Share From Square
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-solid:share-from-square" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-solid:share-from-square" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-solid:share-from-square" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--share-from-square]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:share-from-square"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-solid:share-from-square"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa6-solid/share-from-square.svg" alt="Иконка Share From Square" width="24" height="24">Похожие иконки в наборе Font Awesome 6 Solid
Иконка Share From Square в других наборах
Вопросы и ответы: Иконка Share From Square
Можно ли бесплатно использовать иконку Share From Square в коммерческих проектах?
Да. Font Awesome 6 Solid icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Share From Square в React?
Установите @iconify/react и выведите <Icon icon="fa6-solid:share-from-square" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Share From Square на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa6-solid/share-from-square.svg" alt="Иконка Share From Square">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.