Иконка Apple One
icon-park:apple-one
Иконка Apple One (icon-park:apple-one) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Продукты
- Теги
- appleone
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" fill-rule="evenodd" stroke="#000" d="M24 41.0202C26.4311 41.0202 27.4311 42.3302 28.7342 42.6214C30.0373 42.9127 31.1312 42.9935 32.2515 42.4999C34.47 41.5223 35.8224 40.3578 37.4634 38.6186C40.5046 35.3953 42 30.9635 42 25.0286C42 19.0936 40.3996 16.0265 37.9334 14.0202C35.4672 12.014 34.037 11.6296 31.0549 12.014C28.0727 12.3983 26.4489 15.6025 24.0083 15.6025C21.5678 15.6025 18.5933 12.4431 16.0055 12.014C13.4177 11.5848 12 12.014 9.75967 14.0202C7.51934 16.0265 6 19.1506 6 25.0286C6 30.9066 7.55155 35.265 10.5927 38.4882C12.2337 40.2275 13.53 41.5223 15.7485 42.4999C16.8688 42.9935 18.0267 42.9127 19.2844 42.6214C20.5422 42.3302 21.5422 41.0202 24 41.0202Z" clip-rule="evenodd"/><path stroke="#000" stroke-linecap="round" d="M24.0088 15.6025C24.7936 7.86751 28.1278 4 34.0114 4C34.5509 5.62786 34.6902 7.20336 34.4295 8.7265C34.3056 9.45008 33.9212 10.4819 33.2764 11.8219"/><path stroke="#fff" stroke-linecap="round" d="M14.2289 26C13.9523 27.3457 13.9523 28.7313 14.2289 30.1566C14.5054 31.5819 15.0944 32.6818 15.9957 33.4563"/></g></svg>Как использовать иконку Apple One
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:apple-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:apple-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:apple-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--apple-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:apple-one"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:apple-one"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park/apple-one.svg" alt="Иконка Apple One" width="24" height="24">Похожие иконки в наборе IconPark
Иконка Apple One в других наборах
Вопросы и ответы: Иконка Apple One
Можно ли бесплатно использовать иконку Apple One в коммерческих проектах?
Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Apple One в React?
Установите @iconify/react и выведите <Icon icon="icon-park:apple-one" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Apple One на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park/apple-one.svg" alt="Иконка Apple One">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.