Apple Fill アイコン
mingcute:apple-fill
Apple Fill アイコン(mingcute:apple-fill)は、MingCute Icon セットの無料 SVG アイコンです（作者: MingCute Design）。 24 × 24 のグリッドで描かれています。 MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- MingCute Icon
- 作者
- MingCute Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- applefill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.49 2.167c.295.295.322.687.251 1.074a3.16 3.16 0 0 1-.852 1.648a3.16 3.16 0 0 1-1.648.852c-.387.07-.778.044-1.074-.252c-.295-.296-.322-.687-.252-1.074c.1-.541.365-1.16.853-1.648a3.16 3.16 0 0 1 1.647-.852c.388-.07.779-.044 1.075.252m-3.986 4.341c.625.262 1.031.426 1.496.426s.872-.164 1.496-.426c.639-.268 1.532-.642 2.623-.459c1.891.318 3.196 1.339 3.973 2.693a1.01 1.01 0 0 1-.503 1.429a2.501 2.501 0 0 0 .133 4.706c.519.17.81.745.64 1.263c-.442 1.342-1.078 2.581-1.831 3.581c-.744.988-1.652 1.809-2.663 2.209c-.514.203-1.048.176-1.465.112c-.799-.121-1.593-.544-2.403-.544c-.809 0-1.606.423-2.403.544c-.417.064-.95.091-1.465-.112c-1.273-.504-2.396-1.68-3.244-3.067a13.5 13.5 0 0 1-1.785-4.986c-.227-1.554-.104-3.299.615-4.775c.741-1.52 2.096-2.705 4.163-3.053c1.091-.183 1.984.191 2.623.459" clip-rule="evenodd"/></svg>
Apple Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:apple-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:apple-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:apple-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--apple-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:apple-fill"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:apple-fill"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/mingcute/apple-fill.svg" alt="Apple Fill アイコン" width="24" height="24">
他のアイコンセットの Apple Fill アイコン
Apple Fill アイコン のよくある質問
Apple Fill アイコンは商用利用でも無料ですか?
はい。MingCute Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apple Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="mingcute:apple-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apple Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mingcute/apple-fill.svg" alt="Apple Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
MingCute Icon アイコン をすべて見る →
ICONYZ
