Иконка Section
fa7-solid:section
Иконка Section (fa7-solid:section) — бесплатная SVG-иконка из набора Font Awesome Solid от Dave Gandy. Она нарисована на сетке 640 × 640. Font Awesome Solid icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Font Awesome Solid
- Автор
- Dave Gandy
- Лицензия
- CC-BY-4.0
- Размер
- 640 × 640
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M302 64c-60.8 0-110 49.2-110 110c0 23.7 7.6 45.8 20.5 64c-12.9 18-20.5 40.1-20.5 64c0 53.7 38.9 99.6 91.9 108.4l61.7 10.3c22.2 3.7 38.4 22.9 38.4 45.3c0 25.4-20.6 46-46 46h-98c-17.7 0-32 14.3-32 32s14.3 32 32 32h98c60.7 0 110-49.2 110-110c0-23.7-7.6-45.9-20.5-64c12.9-18 20.5-40.1 20.5-64c0-53.8-38.9-99.6-91.9-108.5l-61.7-10.3c-22.2-3.6-38.4-22.8-38.4-45.2c0-25.4 20.6-46 46-46h98c17.7 0 32-14.3 32-32s-14.3-32-32-32zm74.7 299.1c-6.5-2.4-13.4-4.3-20.5-5.5l-61.7-10.3c-22.2-3.7-38.4-22.9-38.4-45.3c0-9.2 2.7-17.8 7.4-25c6.5 2.4 13.4 4.3 20.5 5.5l61.7 10.3c22.2 3.7 38.4 22.9 38.4 45.3c0 9.2-2.7 17.8-7.4 25"/></svg>
Как использовать иконку Section
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:section" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:section" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:section" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--section]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:section"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:section"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa7-solid/section.svg" alt="Иконка Section" width="24" height="24">
Иконка Section в других наборах
Вопросы и ответы: Иконка Section
Можно ли бесплатно использовать иконку Section в коммерческих проектах?
Да. Font Awesome Solid icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Section в React?
Установите @iconify/react и выведите <Icon icon="fa7-solid:section" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Section на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa7-solid/section.svg" alt="Иконка Section">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Font Awesome Solid →
ICONYZ
