Goblet Square Full アイコン
ep:goblet-square-full
Goblet Square Full アイコン(ep:goblet-square-full)は、Element Plus セットの無料 SVG アイコンです。 1024 × 1024 のグリッドで描かれています。 Element Plus icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Element Plus
- 作者
- Element Plus
- ライセンス
- MIT
- サイズ
- 1024 × 1024
- タグ
- gobletsquare、squarefull、gobletsquarefull
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M256 271c10 6.6 22.5 14.8 29 18.5a220 220 0 0 0 114.7 30.8c30.6 0 49.5-9.5 91.1-41.2l.7-.4c52.9-40.4 82.3-55 132.2-54.7c55.6.4 99.6 20.8 142.8 57.4l1.5 1.3V128H256zm1 76.2c9.4 135 89.9 228.7 255 228.8c157.4 0 238-85 253.2-210a952 952 0 0 1-40.1-35.7c-32.7-27.8-63.4-42-102-42.2c-31.5-.3-50.6 9.2-93 41.6l-.6.4c-52.1 39.6-81 54.2-129.8 54.2a283 283 0 0 1-142.8-37zm223 291.6c-229.4-15.4-288-196.3-288-319.1V96a32 32 0 0 1 32-32h576a32 32 0 0 1 32 32v224c0 122.8-58.6 303.7-288 319v257h96a32 32 0 1 1 0 64H384a32 32 0 1 1 0-64h96z"/></svg>Goblet Square Full アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ep:goblet-square-full" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:goblet-square-full" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:goblet-square-full" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--goblet-square-full]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:goblet-square-full"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:goblet-square-full"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ep/goblet-square-full.svg" alt="Goblet Square Full アイコン" width="24" height="24">Element Plus の関連アイコン
Goblet Square Full アイコン のよくある質問
Goblet Square Full アイコンは商用利用でも無料ですか?
はい。Element Plus icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Goblet Square Full アイコンを使うには?
@iconify/react をインストールして <Icon icon="ep:goblet-square-full" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Goblet Square Full アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ep/goblet-square-full.svg" alt="Goblet Square Full アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。