Apple アイコン

Q: Apple アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:apple

Apple アイコン(arcticons:apple)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.737 34.893a21.2 21.2 0 0 1-2.097 3.77c-1.102 1.572-2.005 2.66-2.7 3.264q-1.618 1.487-3.472 1.529c-.888 0-1.96-.253-3.207-.766q-1.874-.764-3.452-.763q-1.653-.001-3.55.763q-1.899.768-3.067.807q-1.78.076-3.55-1.57q-1.131-.986-2.825-3.38q-1.818-2.555-2.988-5.934q-1.253-3.65-1.254-7.072q0-3.922 1.696-6.757q1.332-2.275 3.552-3.593c2.22-1.318 3.08-1.326 4.802-1.355c.942 0 2.178.292 3.714.865q2.298.864 2.946.866c.322 0 1.415-.34 3.267-1.02q2.626-.944 4.44-.789c3.281.265 5.747 1.559 7.386 3.889q-4.402 2.669-4.357 7.463c.026 2.488.929 4.56 2.703 6.203a8.9 8.9 0 0 0 2.7 1.772a29 29 0 0 1-.688 1.808zM32.212 5.28q-.002 2.928-2.133 5.458c-1.714 2.003-3.787 3.161-6.036 2.979a6 6 0 0 1-.045-.74c0-1.872.815-3.876 2.263-5.514q1.085-1.245 2.756-2.07q1.669-.815 3.154-.893q.042.39.04.78z"/></svg>

Apple アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:apple" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:apple" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:apple" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--apple]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:apple"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:apple"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/apple.svg" alt="Apple アイコン" width="24" height="24">

Arcticons の関連アイコン

他のアイコンセットの Apple アイコン

Apple アイコンのよくある質問

Apple アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Apple アイコンを使うには?

@iconify/react をインストールして <Icon icon="arcticons:apple" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Apple アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/apple.svg" alt="Apple アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Arcticons をすべて見る →