Иконка Spiral Shape Solid
streamline-flex:spiral-shape-solid
Иконка Spiral Shape Solid (streamline-flex:spiral-shape-solid) — бесплатная SVG-иконка из набора Flex free icons от Streamline. Она нарисована на сетке 14 × 14. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Flex free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 14 × 14
- Категория
- Основы интерфейса
- Теги
- spiralshape, shapesolid, spiralshapesolid
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M2.566 3.15c-.703.703-1.12 1.778-1.12 3.267c0 1.862.522 3.228 1.423 4.13c.902.902 2.269 1.424 4.131 1.424s3.229-.522 4.13-1.424c.902-.902 1.424-2.268 1.424-4.13a.625.625 0 0 1 1.25 0c0 2.092-.59 3.815-1.79 5.014c-1.199 1.2-2.922 1.79-5.014 1.79s-3.815-.59-5.015-1.79S.195 8.509.195 6.417c0-1.72.486-3.15 1.487-4.151c1-1.001 2.432-1.487 4.151-1.487s3.15.486 4.151 1.487c1 1 1.486 2.432 1.486 4.15c0 1.343-.38 2.48-1.18 3.281c-.801.8-1.938 1.18-3.28 1.18c-1.343 0-2.48-.379-3.281-1.18s-1.18-1.938-1.18-3.28c0-.956.27-1.791.865-2.386c.596-.596 1.43-.866 2.386-.866s1.791.27 2.386.866c.596.595.866 1.43.866 2.386c0 .58-.165 1.123-.561 1.52c-.397.396-.94.561-1.52.561c-.582 0-1.124-.165-1.52-.562c-.397-.396-.562-.938-.562-1.52a.625.625 0 0 1 1.25 0c0 .352.097.538.196.637c.098.098.285.195.636.195c.35 0 .537-.097.636-.195c.099-.1.195-.285.195-.636c0-.726-.202-1.205-.5-1.503c-.297-.297-.776-.5-1.502-.5c-.725 0-1.204.203-1.502.5c-.298.298-.5.777-.5 1.503c0 1.112.311 1.893.815 2.396c.503.504 1.284.814 2.396.814c1.113 0 1.894-.31 2.397-.814c.503-.503.814-1.284.814-2.396c0-1.49-.417-2.564-1.12-3.268S7.322 2.03 5.833 2.03s-2.564.417-3.267 1.12" clip-rule="evenodd"/></svg>Как использовать иконку Spiral Shape Solid
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:spiral-shape-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:spiral-shape-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:spiral-shape-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--spiral-shape-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:spiral-shape-solid"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:spiral-shape-solid"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-flex/spiral-shape-solid.svg" alt="Иконка Spiral Shape Solid" width="24" height="24">Похожие иконки в наборе Flex free icons
Иконка Spiral Shape Solid в других наборах
Вопросы и ответы: Иконка Spiral Shape Solid
Можно ли бесплатно использовать иконку Spiral Shape Solid в коммерческих проектах?
Да. Flex free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Spiral Shape Solid в React?
Установите @iconify/react и выведите <Icon icon="streamline-flex:spiral-shape-solid" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Spiral Shape Solid на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-flex/spiral-shape-solid.svg" alt="Иконка Spiral Shape Solid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.