Umbrella Off Solid アイコン
mynaui:umbrella-off-solid
Umbrella Off Solid アイコン(mynaui:umbrella-off-solid)は、Myna UI Icons セットの無料 SVG アイコンです（作者: Praveen Juge）。 24 × 24 のグリッドで描かれています。 Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Myna UI Icons
- 作者
- Praveen Juge
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- umbrellaoff、offsolid、umbrellaoffsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.8 2.941A10.7 10.7 0 0 0 12 2.25C6.063 2.25 1.25 7.063 1.25 13a.75.75 0 0 0 1.238.57l.389-.323c.872-.696 1.511-1.01 2.064-1.08c.518-.065 1.076.073 1.83.56l.336.231l.065.041a.75.75 0 0 0 .876-1.208l-.06-.048l-.401-.275c-.932-.602-1.843-.914-2.833-.79c-.632.08-1.243.332-1.863.717C3.65 7.053 7.439 3.75 12 3.75c1.152 0 2.254.21 3.27.595l.43.175l.072.027a.75.75 0 0 0 .597-1.368l-.07-.034zm-3.05 15.832c0 1.094-.437 1.965-1.123 2.55c-.67.572-1.538.84-2.377.84s-1.707-.268-2.377-.84c-.578-.492-.977-1.187-1.09-2.047L3.53 21.53a.75.75 0 1 1-1.06-1.06l18-18l.056-.052a.75.75 0 0 1 1.056 1.056l-.052.056l-1.901 1.9A10.72 10.72 0 0 1 22.75 13a.75.75 0 0 1-1.238.57c-1.22-1.046-2.01-1.418-2.694-1.418c-.598 0-1.278.285-2.256 1.056l-.438.361a.75.75 0 0 1-1.018-.039c-.756-.756-1.471-1.215-2.14-1.436l-.216.216zm-5.5-.962v.962c0 .664.251 1.114.596 1.409c.36.307.868.48 1.404.48s1.043-.173 1.404-.48c.345-.294.596-.745.596-1.41v-4.961z"/></svg>Umbrella Off Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mynaui:umbrella-off-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mynaui:umbrella-off-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mynaui:umbrella-off-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mynaui--umbrella-off-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mynaui -->
<div class="i-mynaui:umbrella-off-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mynaui:umbrella-off-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mynaui/umbrella-off-solid.svg" alt="Umbrella Off Solid アイコン" width="24" height="24">Myna UI Icons の関連アイコン
Umbrella Off Solid アイコン のよくある質問
Umbrella Off Solid アイコンは商用利用でも無料ですか?
はい。Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Umbrella Off Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="mynaui:umbrella-off-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Umbrella Off Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mynaui/umbrella-off-solid.svg" alt="Umbrella Off Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。