Иконка Umbrelos
selfhst:umbrelos
Иконка Umbrelos (selfhst:umbrelos) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
- Теги
- umbrelo
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#5d51f8" d="M258.4 512c8.5 0 18.6-1.6 30.5-4.7c39.9-15 59.8-43.7 59.8-86.4V299c0-2.3-.2-4.3-.5-6.1c0-.3 0-.5-.1-.6s-.2-.3-.4-.6c-4.1-10.4-10.7-15.6-19.7-15.6h-1.2l-2.6.2H323c-.3 0-.7.2-1.1.5c-10.4 4-15.6 12.6-15.6 25.6v125c0 6.8-1.7 13.4-5.2 19.8c-9.7 15.3-24.1 22.9-43.2 22.9c-14.4 0-26.7-4.5-36.7-13.5c-8.2-6.7-12.4-18.9-12.6-36.8l-.3-122.9c0-1.1-.1-2.3-.3-3.5c0-.4 0-.7-.1-.8s-.2-.4-.5-.8c-4.2-10.6-11-15.9-20.2-15.9c-2.9.3-4.9.7-5.9 1.1c-10.1 4-15.2 10.9-15.2 20.5l.5 127.4c.1 19 5.4 36.1 15.8 51.4C201.9 500 227 512 257.8 512zM113.3 197.1c-23.1 0-37.3 6.8-46.3 17.4c-7.4 8.7-20.4 9.8-29.2 2.4c-8.7-7.4-9.8-20.4-2.4-29.2c18.9-22.3 46.2-32 77.9-32c26.7 0 51.1 6.8 72.8 20.4c22.5-13.3 46.2-20.4 70.9-20.4c24.1 0 46.9 6.8 68.1 19.7c18.9-12.7 41.6-18.6 66.9-18.6c31.7 0 59.6 9.2 82.3 28.5c8.7 7.4 9.7 20.5 2.3 29.2s-20.5 9.7-29.2 2.3c-14.2-12.1-32.2-18.6-55.5-18.6c-22 0-37.8 5.8-49.4 15.8c-9 7.8-22.2 8.4-31.9 1.5l-.4-.3c-17.5-12.4-35.1-18.1-53.3-18.1c-18.5 0-37.3 5.9-56.7 19c-9.1 6.2-21.1 5.9-29.9-.7l-.6-.5c-16.2-11.7-34.8-17.8-56.4-17.8M371.7 79.9c-30.2-26.2-69.1-39.5-118.5-38.5c-49.6 1-88.2 15.2-117.4 41.4c-29.5 26.4-51.5 66.6-64.5 123c-2.6 11.1-13.7 18.1-24.8 15.5S28.4 207.6 31 196.5C45.2 134.7 70.5 85.7 108.2 52c38-34 86.7-50.8 144.2-51.9C310.2-1 359.6 14.7 398.8 48.7c38.8 33.7 65.7 83.6 82.1 147.3c2.8 11.1-3.8 22.3-14.9 25.2c-11.1 2.8-22.3-3.8-25.2-14.9c-15-58.6-38.6-99.9-69.1-126.4"/></svg>Как использовать иконку Umbrelos
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:umbrelos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:umbrelos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:umbrelos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--umbrelos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:umbrelos"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:umbrelos"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/umbrelos.svg" alt="Иконка Umbrelos" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Umbrelos
Можно ли бесплатно использовать иконку Umbrelos в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Umbrelos в React?
Установите @iconify/react и выведите <Icon icon="selfhst:umbrelos" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Umbrelos на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/umbrelos.svg" alt="Иконка Umbrelos">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.