Иконка Pathfinder Outline
streamline-plump-color:pathfinder-outline
Иконка Pathfinder Outline (streamline-plump-color:pathfinder-outline) — бесплатная SVG-иконка из набора Plump color icons от Streamline. Она нарисована на сетке 48 × 48. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Plump color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Основы интерфейса
- Теги
- pathfinderoutline
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#fff" d="M30.055 15A2.943 2.943 0 0 1 33 17.945V18c0 5.122-.144 8.522-.302 10.715c-.16 2.21-1.773 3.824-3.983 3.983C26.522 32.857 23.122 33 18 33h-.055A2.943 2.943 0 0 1 15 30.055V30c0-5.123.143-8.523.302-10.716c.16-2.21 1.772-3.822 3.982-3.982C21.477 15.144 24.877 15 30 15z"/><path fill="#fff" d="M11 32.89v-.223c0-7.4.207-12.311.436-15.479c.23-3.192 2.56-5.521 5.751-5.752c3.168-.229 8.08-.436 15.48-.436h.223a102 102 0 0 0-.192-3.716c-.16-2.21-1.773-3.823-3.983-3.982C26.522 3.143 23.122 3 18 3s-8.522.143-10.715.302c-2.21.16-3.824 1.772-3.983 3.983C3.143 9.478 3 12.878 3 18s.143 8.523.302 10.716c.16 2.21 1.772 3.822 3.982 3.982c.981.07 2.205.139 3.716.192M15.11 37c.053 1.51.12 2.734.192 3.715c.16 2.21 1.772 3.823 3.983 3.983C21.478 44.856 24.878 45 30 45s8.522-.144 10.715-.302c2.21-.16 3.823-1.773 3.983-3.983C44.856 38.522 45 35.12 45 30c0-5.123-.144-8.523-.302-10.716c-.16-2.21-1.772-3.823-3.982-3.982c-.982-.071-2.205-.14-3.716-.193v.224c0 7.398-.208 12.31-.436 15.478c-.23 3.193-2.56 5.523-5.754 5.753c-3.168.228-8.08.436-15.477.436z"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M37 15.11c1.51.053 2.733.12 3.715.192c2.21.16 3.823 1.772 3.983 3.982C44.856 21.477 45 24.877 45 30c0 5.121-.144 8.522-.302 10.715c-.16 2.21-1.773 3.823-3.983 3.983C38.522 44.856 35.12 45 30 45c-5.122 0-8.522-.144-10.715-.302c-2.21-.16-3.824-1.774-3.983-3.984a102 102 0 0 1-.192-3.715M29 15.002c-4.569.017-7.668.152-9.715.3c-2.21.16-3.824 1.774-3.983 3.983c-.148 2.047-.283 5.146-.3 9.715"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M11.002 32.892c-1.51-.053-2.734-.121-3.715-.192c-2.21-.16-3.824-1.772-3.983-3.982c-.159-2.193-.302-5.594-.302-10.716s.143-8.522.302-10.715c.16-2.21 1.773-3.824 3.983-3.983c2.193-.159 5.593-.302 10.715-.302s8.522.143 10.715.302c2.21.16 3.824 1.773 3.983 3.984c.071.981.139 2.204.192 3.714M19.002 33c4.569-.017 7.668-.152 9.715-.3c2.21-.16 3.824-1.774 3.983-3.983c.148-2.047.283-5.146.3-9.715"/></g></svg>Как использовать иконку Pathfinder Outline
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:pathfinder-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:pathfinder-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:pathfinder-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--pathfinder-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:pathfinder-outline"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:pathfinder-outline"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/pathfinder-outline.svg" alt="Иконка Pathfinder Outline" width="24" height="24">Похожие иконки в наборе Plump color icons
Иконка Pathfinder Outline в других наборах
Вопросы и ответы: Иконка Pathfinder Outline
Можно ли бесплатно использовать иконку Pathfinder Outline в коммерческих проектах?
Да. Plump color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Pathfinder Outline в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump-color:pathfinder-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Pathfinder Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/pathfinder-outline.svg" alt="Иконка Pathfinder Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.