Closed Umbrella アイコン
emojione-v1:closed-umbrella
Closed Umbrella アイコン(emojione-v1:closed-umbrella)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 人物
- タグ
- closedumbrella
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#9d9ea4" d="M47.686 4.789c1.306-.839 2.624-.684 3.743.368c1.674 1.562 1.741 4.454.415 6.337L33.636 30.132a2.094 2.094 0 0 0 .024 2.957c.823.801 2.147.78 2.956-.044c0 0 18.956-19.782 18.992-19.814c2.01-3.287 2.04-7.958-1.228-11.1c-3.063-2.952-8.091-2.873-10.675.472c-.045.061.061 3.676 3.981 2.188"/><path fill="#676767" d="M13.756 52.718a2.22 2.22 0 0 1 3.139-.031c.883.86.895 2.267.034 3.144L9.811 63.09a2.222 2.222 0 1 1-3.176-3.112z"/><path fill="#cf1285" d="m52.46 37.882l-23.958-23.73a14 14 0 0 0-1.857-.378c-.307.283-.655.518-1.069.646L9.237 57.61a.3.3 0 0 1-.026.111c-.06.191-.124.375-.181.555c.034.171.058.346.058.529v.096c0 .063-.012.119-.016.18c.136.23.271.466.426.685q.101.142.208.283c.309.071.617.123.926.18c.309 0 .62-.017.926-.061c-.062.004.03-.031.171-.083l39.992-19.2c.371-.762 1.03-2.176.739-3"/><g fill="#e90d8c"><path d="M28.04 13.693a3.2 3.2 0 0 1-.743-.208l-.494.156a2.8 2.8 0 0 1-1.225.777l-16.339 43.2a.3.3 0 0 1-.026.111c-.06.191-.124.375-.181.559c.034.171.058.342.058.525v.096c0 .063-.012.119-.016.18c.058.091.116.187.171.278l24.749-39.773l-5.954-5.897m24.42 24.185L44.803 30.3L9.892 60.093c.243.056.488.096.733.14c.309 0 .621-.017.932-.061c-.062.004.03-.031.171-.083l39.993-19.2c.371-.762 1.03-2.176.739-3"/><path d="M25.276 15.211s.886-3.58 3.287-.998c2.4 2.58.751 2.087.468 2.157c-.283.072-1.353.494-1.568.466c-.207-.027-2.187-1.625-2.187-1.625M51.07 41.2s3.753-1.351.99-3.709s-1.45 1.494-1.45 1.494z"/></g></svg>
Closed Umbrella アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:closed-umbrella" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:closed-umbrella" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:closed-umbrella" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--closed-umbrella]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:closed-umbrella"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:closed-umbrella"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/closed-umbrella.svg" alt="Closed Umbrella アイコン" width="24" height="24">
他のアイコンセットの Closed Umbrella アイコン
Closed Umbrella アイコン のよくある質問
Closed Umbrella アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Closed Umbrella アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:closed-umbrella" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Closed Umbrella アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/closed-umbrella.svg" alt="Closed Umbrella アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
