Иконка Apple 48

energy-icons:apple-48

Иконка Apple 48 (energy-icons:apple-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Energy Icons
Автор: Sam Passmore
Лицензия: MIT
Размер: 48 × 48

Скачать SVG

Код 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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Apple 48

Можно ли бесплатно использовать иконку Apple 48 в коммерческих проектах?

Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Apple 48 в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Energy Icons →