Eject アイコン
f7:eject
Eject アイコン(f7:eject)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Framework7 Icons
- 作者
- Vladimir Kharlampidi
- ライセンス
- MIT
- サイズ
- 56 × 56
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M9.332 32.734h37.383c2.133 0 3.281-1.101 3.328-2.976c.023-.89-.445-1.805-1.172-2.602L31.27 7.82c-.868-.937-1.946-1.64-3.258-1.64s-2.344.656-3.282 1.64L7.152 27.156c-.726.797-1.148 1.711-1.148 2.602c0 1.875 1.172 2.976 3.328 2.976m2.484-3.539c-.421 0-.656-.21-.656-.539c0-.164.07-.328.211-.445l15.867-17.273c.258-.258.469-.446.774-.446c.328 0 .539.188.797.445l15.843 17.274c.14.14.211.281.211.445c0 .328-.234.54-.656.54ZM10.457 49.82h35.086c3.21 0 5.039-1.687 5.039-4.851V42.25c0-3.164-1.828-4.828-5.04-4.828H10.458c-3.234 0-5.039 1.64-5.039 4.828v2.719c0 3.187 1.805 4.851 5.039 4.851m.305-3.445c-1.032 0-1.57-.61-1.57-1.64v-2.25c0-1.008.538-1.618 1.57-1.618h34.476c1.032 0 1.57.61 1.57 1.617v2.25c0 1.032-.538 1.641-1.57 1.641Z"/></svg>
Eject アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="f7:eject" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:eject" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:eject" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--eject]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:eject"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:eject"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/f7/eject.svg" alt="Eject アイコン" width="24" height="24">
Eject アイコン のよくある質問
Eject アイコンは商用利用でも無料ですか?
はい。Framework7 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Eject アイコンを使うには?
@iconify/react をインストールして <Icon icon="f7:eject" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Eject アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/f7/eject.svg" alt="Eject アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Framework7 Icons をすべて見る →
ICONYZ
