Apple 48 アイコン
energy-icons:apple-48
Apple 48 アイコン(energy-icons:apple-48)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M39 24c0-3.359-.72-5.79-1.786-7.503c-1.062-1.705-2.502-2.752-4.05-3.305c-3.167-1.131-6.752-.19-8.457 1.515a1 1 0 0 1-1.414 0c-1.705-1.704-5.29-2.646-8.457-1.515c-1.548.553-2.988 1.6-4.05 3.305C9.72 18.21 9 20.642 9 24c0 4.807 1.444 9.107 3.572 12.181c2.147 3.1 4.88 4.82 7.428 4.82c.819 0 1.433-.201 2.004-.43c.26-.104.609-.256.897-.358A3.3 3.3 0 0 1 24 40c.414 0 .787.103 1.099.213c.288.102.636.254.897.359c.57.228 1.186.428 2.004.428c2.548 0 5.281-1.718 7.428-4.819C37.556 33.107 39 28.807 39 24.001m2 0c0 5.193-1.556 9.893-3.928 13.319C34.72 40.718 31.452 43 28 43c-1.181 0-2.067-.3-2.746-.572c-.364-.145-.579-.243-.821-.329c-.22-.077-.347-.099-.433-.099s-.213.022-.433.1c-.242.085-.457.183-.82.328C22.066 42.7 21.18 43 20 43c-3.452 0-6.719-2.282-9.072-5.681C8.556 33.893 7 29.193 7 24c0-3.64.78-6.46 2.089-8.56c1.313-2.107 3.123-3.435 5.075-4.132c3.47-1.24 7.417-.489 9.836 1.367c2.42-1.856 6.366-2.606 9.836-1.367c1.952.697 3.763 2.025 5.075 4.132C40.22 17.54 41 20.36 41 24"/><path fill="currentColor" d="M25.03 5.758a1 1 0 1 1 1.94.484l-2 8l-1.94-.484z"/></svg>Apple 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:apple-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:apple-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:apple-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--apple-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:apple-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:apple-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/apple-48.svg" alt="Apple 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Apple 48 アイコン のよくある質問
Apple 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Apple 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:apple-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Apple 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/apple-48.svg" alt="Apple 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。