Иконка Open Umbrella Solid
streamline-plump:open-umbrella-solid
Иконка Open Umbrella Solid (streamline-plump:open-umbrella-solid) — бесплатная SVG-иконка из набора Plump free icons от Streamline. Она нарисована на сетке 48 × 48. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Plump free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Основы интерфейса
- Теги
- openumbrella, umbrellasolid, openumbrellasolid
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M21.988 2.671c.829-1.658 3.196-1.658 4.025 0l1.202 2.405c5.062.772 9.55 3.299 12.91 6.575c3.525 3.438 5.917 7.81 6.351 12.047c.133 1.295-.425 2.649-1.686 3.362c-2.125 1.202-7.158 3.118-17.98 3.404l.19 8.26C27 43.294 23.418 47 19 47s-8-3.705-8-8.276v-.76c0-1.122.65-2.137 1.763-2.272c.358-.043.77-.071 1.237-.071s.88.028 1.237.071c1.114.135 1.763 1.15 1.763 2.272v.76c0 1.143.896 2.07 2 2.07s2-.927 2-2.07l.19-8.26c-10.82-.286-15.854-2.202-17.98-3.404c-1.26-.713-1.818-2.067-1.685-3.362c.434-4.237 2.825-8.609 6.35-12.047c3.36-3.276 7.848-5.803 12.91-6.575z"/></svg>Как использовать иконку Open Umbrella Solid
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:open-umbrella-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:open-umbrella-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:open-umbrella-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--open-umbrella-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:open-umbrella-solid"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:open-umbrella-solid"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump/open-umbrella-solid.svg" alt="Иконка Open Umbrella Solid" width="24" height="24">Похожие иконки в наборе Plump free icons
Иконка Open Umbrella Solid в других наборах
Вопросы и ответы: Иконка Open Umbrella Solid
Можно ли бесплатно использовать иконку Open Umbrella Solid в коммерческих проектах?
Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Open Umbrella Solid в React?
Установите @iconify/react и выведите <Icon icon="streamline-plump:open-umbrella-solid" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Open Umbrella Solid на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-plump/open-umbrella-solid.svg" alt="Иконка Open Umbrella Solid">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.