Apple Fill アイコン
ri:apple-fill
Apple Fill アイコン(ri:apple-fill)は、Remix Icon セットの無料 SVG アイコンです（作者: Remix Design）。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Remix Icon
- 作者
- Remix 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" d="M11.673 7.222c-.876 0-2.232-.996-3.66-.96c-1.884.024-3.612 1.092-4.584 2.784c-1.956 3.396-.504 8.412 1.404 11.172c.936 1.344 2.04 2.856 3.504 2.808c1.404-.06 1.932-.912 3.636-.912c1.692 0 2.172.912 3.66.876c1.512-.024 2.472-1.368 3.396-2.724c1.068-1.56 1.512-3.072 1.536-3.156c-.036-.012-2.94-1.128-2.976-4.488c-.024-2.808 2.292-4.152 2.4-4.212c-1.32-1.932-3.348-2.148-4.056-2.196c-1.848-.144-3.396 1.008-4.26 1.008m3.12-2.832c.78-.936 1.296-2.244 1.152-3.54c-1.116.048-2.46.744-3.264 1.68c-.72.828-1.344 2.16-1.176 3.432c1.236.096 2.508-.636 3.288-1.572"/></svg>Apple Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ri:apple-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ri:apple-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ri:apple-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--apple-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:apple-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ri:apple-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ri/apple-fill.svg" alt="Apple Fill アイコン" width="24" height="24">Remix Icon の関連アイコン
他のアイコンセットの Apple Fill アイコン
Apple Fill アイコン のよくある質問
Apple Fill アイコンは商用利用でも無料ですか?
はい。Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apple Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="ri:apple-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apple Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ri/apple-fill.svg" alt="Apple Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。