Иконка Umbrella Off Sharp Duotone

keyline-icons:umbrella-off-sharp-duotone

Иконка Umbrella Off Sharp Duotone (keyline-icons:umbrella-off-sharp-duotone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: umbrellaoff, offsharp, sharpduotone, umbrellaoffsharpduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12 12H13V19C13 20.1046 13.8954 21 15 21C16.1046 21 17 20.1046 17 19V18H19V19C19 21.2092 17.2092 23 15 23C12.7908 23 11 21.2092 11 19V12.3125C10.117 11.1617 8.6578 11.234 7.84766 12.5303C7.45591 13.1565 6.54409 13.1565 6.15234 12.5303C5.29404 11.157 3.70596 11.157 2.84766 12.5303C2.31501 13.3818 1 13.0046 1 12C1 8.9625 2.23108 6.21238 4.22168 4.22168L12 12Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M12 1C18.0751 1 23 5.9249 23 12C23 13.0046 21.685 13.3818 21.1523 12.5303C20.294 11.157 18.706 11.157 17.8477 12.5303C17.4559 13.1565 16.5441 13.1565 16.1523 12.5303C15.885 12.1027 15.5462 11.8078 15.1816 11.6465L6.19238 2.65625C7.87782 1.60647 9.86813 1 12 1Z" stroke="none"/><path d="M1.70703 1.70703L22.2928 22.2928"/></g></svg>

Как использовать иконку Umbrella Off Sharp Duotone

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:umbrella-off-sharp-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:umbrella-off-sharp-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:umbrella-off-sharp-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--umbrella-off-sharp-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:umbrella-off-sharp-duotone"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:umbrella-off-sharp-duotone"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/umbrella-off-sharp-duotone.svg" alt="Иконка Umbrella Off Sharp Duotone" width="24" height="24">

Вопросы и ответы: Иконка Umbrella Off Sharp Duotone

Можно ли бесплатно использовать иконку Umbrella Off Sharp Duotone в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Umbrella Off Sharp Duotone в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:umbrella-off-sharp-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Umbrella Off Sharp Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/umbrella-off-sharp-duotone.svg" alt="Иконка Umbrella Off Sharp Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →