ICONYZ
日本語
Plump free icons の Open Umbrella Solid アイコン

Open Umbrella Solid アイコン

streamline-plump:open-umbrella-solid

Open Umbrella Solid アイコン(streamline-plump:open-umbrella-solid)は、Plump free icons セットの無料 SVG アイコンです(作者: 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 コード

<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>

Web コンポーネント

<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 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Plump free icons をすべて見る →