Иконка Apple Light

skill-icons:apple-light

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

Набор: Skill Icons
Автор: tandpfun
Лицензия: MIT
Размер: 256 × 256
Теги: applelight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><path fill="#00a0e2" fill-rule="evenodd" d="M191.072 195.009c-3.27 5.387-6.54 9.426-10.484 13.176c-4.424 3.944-5.674 7.406-15.87 8.754c-7.213 1.347-13.465-1.348-15.87-2.405c-7.214-3.367-10.966-4.424-15.293-4.424c-4.232 0-7.791 1.058-14.909 4.328c-2.212 1.153-8.175 3.751-15.485 2.405c-7.502-1.347-11.35-4.232-14.139-6.637c-5.771-5.097-10.1-9.907-14.043-15.485z" clip-rule="evenodd"/><path fill="#34be2d" fill-rule="evenodd" d="M58.726 105.27c3.366-7.598 7.79-12.696 12.215-16.255c11.253-9.233 29.624-9.81 38.088-7.598c6.926 1.731 11.831 5.963 19.622 5.963c8.175 0 12.887-4.136 19.333-5.963c8.464-2.116 26.931-1.443 38.954 7.79c3.559 2.694 6.827 6.349 8.655 8.369c-4.327 3.174-6.925 5.482-9.041 7.694z" clip-rule="evenodd"/><path fill="#ffb400" fill-rule="evenodd" d="M186.553 105.27c-2.02 2.212-3.462 4.329-5.098 7.31c-1.922 3.463-4.232 8.176-4.809 15.293H53.051c.096-1.154.192-2.404.384-3.655c1.155-7.598 2.982-13.85 5.29-18.948z" clip-rule="evenodd"/><path fill="#ff7a00" fill-rule="evenodd" d="M176.646 127.873a74 74 0 0 0 0 6.541c.289 5.29 2.116 11.157 4.521 15.87l-125.712-.289c-1.731-7.598-2.693-15.389-2.404-22.122z" clip-rule="evenodd"/><path fill="#f41e34" fill-rule="evenodd" d="M181.166 150.284a33 33 0 0 0 3.558 5.771c8.272 10.58 11.831 10.58 18.275 13.851c-.479 1.152-.864 2.212-1.346 3.174l-138.888-.289c-2.693-5.867-5.482-14.139-7.31-22.795z" clip-rule="evenodd"/><path fill="#a2359c" fill-rule="evenodd" d="M201.653 173.08c-4.039 9.426-7.31 16.349-10.581 21.929l-116.091-.288c-3.848-5.675-7.31-11.928-11.254-19.719c-.288-.673-.673-1.443-.962-2.211z" clip-rule="evenodd"/><path fill="#34be2d" fill-rule="evenodd" d="M161.352 52.658c-.674 4.81-3.078 10.965-6.925 14.908c-4.138 4.425-10.581 9.234-14.429 11.639c-2.116 1.346-7.599 1.538-12.118 2.02c-.577-4.04-.673-7.503.577-11.254c1.635-4.424 3.753-10.772 7.118-15.197c4.135-5.482 8.848-9.233 11.445-10.58c3.464-1.731 9.235-4.328 14.236-5.194c.193 4.424.867 9.426.096 13.658" clip-rule="evenodd"/></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath></defs></g></svg>

Как использовать иконку Apple Light

React

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

<Icon icon="skill-icons:apple-light" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:apple-light" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:apple-light" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="skill-icons:apple-light"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/apple-light.svg" alt="Иконка Apple Light" width="24" height="24">

Иконка Apple Light в других наборах

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

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

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

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

Установите @iconify/react и выведите <Icon icon="skill-icons:apple-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Apple Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/skill-icons/apple-light.svg" alt="Иконка Apple Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Skill Icons →