Umbrella Duotone アイコン

Q: Umbrella Duotone アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:umbrella-duotone

Umbrella Duotone アイコン(reicon:umbrella-duotone)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: UI
タグ: umbrelladuotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21.524 12H2.476A.476.476 0 0 1 2 11.524A9.524 9.524 0 0 1 11.524 2h.952A9.524 9.524 0 0 1 22 11.524a.476.476 0 0 1-.476.476" opacity=".5"/><path fill-rule="evenodd" d="M11.25 20v-8h1.5v8a2.75 2.75 0 1 1-5.5 0v-1a.75.75 0 0 1 1.5 0v1a1.25 1.25 0 1 0 2.5 0" clip-rule="evenodd"/><path d="M7.84 12c.143-1.354.477-3.733 1.184-5.771c.36-1.042.802-1.941 1.324-2.567c.514-.616 1.055-.912 1.652-.912c.598 0 1.139.296 1.652.912c.523.626.964 1.525 1.325 2.567c.707 2.038 1.04 4.417 1.183 5.771h1.509l-.008-.077c-.142-1.371-.489-3.94-1.267-6.185c-.388-1.12-.901-2.212-1.59-3.037a5 5 0 0 0-.506-.527A9.6 9.6 0 0 0 12.476 2h-.952q-.935.002-1.82.174a5 5 0 0 0-.508.527c-.688.825-1.201 1.917-1.59 3.037c-.778 2.244-1.125 4.814-1.266 6.185L6.332 12z"/></g></svg>

Umbrella Duotone アイコンの使い方

React

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

<Icon icon="reicon:umbrella-duotone" width="24" />

Vue

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

<template>
  <Icon icon="reicon:umbrella-duotone" width="24" />
</template>

Svelte

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

<Icon icon="reicon:umbrella-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--umbrella-duotone]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:umbrella-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/umbrella-duotone.svg" alt="Umbrella Duotone アイコン" width="24" height="24">

Reicon の関連アイコン

他のアイコンセットの Umbrella Duotone アイコン

Umbrella Duotone アイコンのよくある質問

Umbrella Duotone アイコンは商用利用でも無料ですか?

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Umbrella Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="reicon:umbrella-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Umbrella Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/umbrella-duotone.svg" alt="Umbrella Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Reicon アイコンをすべて見る →