Иконка Skypack
simple-icons:skypack
Иконка Skypack (simple-icons:skypack) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Simple Icons
- Автор
- Simple Icons Collaborators
- Лицензия
- CC0-1.0
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m19.82 11.27l-5.997-2.994l5.999-2.993c.28-.14.453-.42.453-.734a.82.82 0 0 0-.454-.735L12.366.087a.81.81 0 0 0-.733 0L4.178 3.814a.82.82 0 0 0-.453.735v7.454c0 .28.15.548.384.699l.07.034l5.998 2.994l-5.999 2.993a.82.82 0 0 0-.453.734c0 .314.174.594.453.735l7.455 3.727a.8.8 0 0 0 .361.081a.8.8 0 0 0 .361-.081l7.454-3.727c.28-.14.455-.42.455-.735v-7.454a.79.79 0 0 0-.443-.733zm-7.814-9.54l5.625 2.819l-5.625 2.818L6.38 4.55zm-6.64 4.135l4.811 2.41l-4.81 2.412zm1.014 6.138l5.626-2.819l5.625 2.82l-5.625 2.818zm4.81 5.044v4.81l-4.81-2.41zm7.455 1.91l-5.824 2.911v-5.625l5.824-2.912z"/></svg>Как использовать иконку Skypack
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:skypack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:skypack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:skypack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--skypack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:skypack"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:skypack"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/skypack.svg" alt="Иконка Skypack" width="24" height="24">Иконка Skypack в других наборах
Вопросы и ответы: Иконка Skypack
Можно ли бесплатно использовать иконку Skypack в коммерческих проектах?
Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Skypack в React?
Установите @iconify/react и выведите <Icon icon="simple-icons:skypack" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Skypack на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/skypack.svg" alt="Иконка Skypack">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.