Иконка Vectors Path Flat
streamline-freehand:vectors-path-flat
Иконка Vectors Path Flat (streamline-freehand:vectors-path-flat) — бесплатная SVG-иконка из набора Freehand free icons от Streamline. Она нарисована на сетке 24 × 24. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Дизайн
- Теги
- vectorspath, pathflat, vectorspathflat, vector
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.078 8.878c1.28.66 3.29-.16 3.5-1.5v-.8h-.11a2.6 2.6 0 0 0-.19-.37c-.84-1.22-2.28-2.01-3.42-1.07a2.3 2.3 0 0 0 .22 3.74m.32-3.14c.67-.69 3.21 1.18 1.68 2c-.92.49-1.97.25-2.08-.75a1.57 1.57 0 0 1 .4-1.25m1.38 9.692a1 1 0 0 0 0-.16h-.8a1.75 1.75 0 0 0-1.13.4c-1.51 1.08-.63 3.55 1.2 3.7a2.09 2.09 0 0 0 2.39-1.69a2 2 0 0 0-1.66-2.25m.76 2.11a1.24 1.24 0 0 1-2.29 0c-.8-1.86 2.81-2.06 2.29 0M21.122 5.118a2.1 2.1 0 0 0-1.55 1.43h-.11v.73h.06a2.3 2.3 0 0 0 2.22 1.71c3.34.07 2.84-4.5-.62-3.87m-.56 1.56a1.29 1.29 0 0 1 2.52.41c-.18 1.25-2.88.73-2.52-.41m-.72 7.312h.84a8.25 8.25 0 0 0-5.1-6.311l-.84-.32c.663.09 1.336.09 2 0l1.74-.05v-.82c-1.07-.06-2.68-.15-3.84-.17c-1.1.68-.82 1.3 0 1.89a11.4 11.4 0 0 1 3.07 2.32a8.6 8.6 0 0 1 1.35 1.6c.348.58.61 1.207.78 1.86M8.3 8.119c.89-.57 1.11-1.16 0-1.79c-.916-.093-1.84-.07-2.75.07v1c.894.052 1.792.016 2.68-.11c-.32.16-.63.36-.88.48c-2.76 1.22-4.351 2.61-5.111 5.49a7 7 0 0 0-.19 1.061h.8a9.7 9.7 0 0 1 .85-2a10.3 10.3 0 0 1 4-3.721c.17-.1.381-.25.601-.41zm12.612 6.871h-.91v.09a2 2 0 0 0-1.34 2.64c1 1.8 3.8 1.26 4.08-.33a2.37 2.37 0 0 0-1.83-2.4m1 2.22a1.33 1.33 0 0 1-2.21 0c-.27-.42.07-.89.48-1.18c1.11-.86 1.87.61 1.72 1.13zM13.67 5.618c0-1.2-.61-1-1.28-1q-.405-.03-.81 0c-1.66.09-2 .11-2.11.74c0 .07-.18 2.38-.11 2.35c.1 1.17.92 1.24 2.27 1.3c.46.065.929.024 1.37-.12a1.26 1.26 0 0 0 .55-1.12c-.01-.53.12-2.15.12-2.15m-1.17 1v.83c-.06.9.15.36-.83.37c-1.35 0-1.44.16-1.42-.9c0-.19-.07-.66-.09-1.1a3 3 0 0 1 .08-.42h1.39a3.3 3.3 0 0 1 1.09.22c-.09.37-.18.7-.22 1" clip-rule="evenodd"/></svg>Как использовать иконку Vectors Path Flat
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:vectors-path-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:vectors-path-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:vectors-path-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--vectors-path-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:vectors-path-flat"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:vectors-path-flat"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/vectors-path-flat.svg" alt="Иконка Vectors Path Flat" width="24" height="24">Похожие иконки в наборе Freehand free icons
Иконка Vectors Path Flat в других наборах
Вопросы и ответы: Иконка Vectors Path Flat
Можно ли бесплатно использовать иконку Vectors Path Flat в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Vectors Path Flat в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:vectors-path-flat" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Vectors Path Flat на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/vectors-path-flat.svg" alt="Иконка Vectors Path Flat">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.