Иконка Skool
thesvg-color:skool
Иконка Skool (thesvg-color:skool) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 24 × 24. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.838 21.25h2.92c.27 0 .52-.14.65-.37a.77.77 0 0 0 0-.75l-3.75-6.56l3.68-4.6c.18-.22.21-.53.09-.79a.76.76 0 0 0-.68-.43h-3c-.54 0-1.07.26-1.4.7l-2.4 3.2c-.05.06-.12.1-.2.1h-.25V3.5c0-.41-.34-.75-.75-.75h-3c-.41 0-.75.34-.75.75v17c0 .41.34.75.75.75h3c.41 0 .75-.34.75-.75v-4.75h.16c.08 0 .17.05.21.13l2.44 4.45c.3.57.89.92 1.53.92m-4.18-7h-.91c-.41 0-.75.34-.75.75v4.75h-1.5V4.25h1.5v8.25c0 .41.34.75.75.75h1c.54 0 1.07-.26 1.4-.7l2.4-3.2c.05-.06.12-.1.2-.1h1.44l-3.02 3.78a.74.74 0 0 0-.07.84l3.36 5.88h-1.62c-.08 0-.17-.05-.21-.13l-2.44-4.45c-.3-.57-.89-.92-1.53-.92m-15.3 5.61c.93.56 3.13 1.39 4.89 1.39l.02-.02c2.11 0 5.25-1.34 5.25-5.03c0-2.287-2.245-3.13-3.893-3.75l-.028-.01c-.57-.21-1.51-.56-1.62-.76c.02-.08.05-.12.15-.16c.61-.23 2.08.2 2.74.6c.3.18.68.13.92-.11l1.5-1.5c.27-.27.29-.71.04-1.01c-.06-.07-1.52-1.77-4.57-1.77c-3.58 0-5.4 1.57-5.4 4.67c0 2.39 2.22 3.21 3.84 3.8l.14.053c.592.226 1.379.526 1.48.757c.01.02 0 .08-.04.18c-.01.03-.03.07-.15.1c-.72.22-2.5-.44-3.3-.98a.77.77 0 0 0-.61-.1a.78.78 0 0 0-.48.39l-1.16 2.28c-.18.35-.06.78.28.98m4.89-.11c-1.11 0-2.55-.44-3.49-.86l-.01.01l.47-.91c1.06.53 2.7 1.09 3.83.76c.52-.15.9-.48 1.1-.94c.21-.49.22-.95.04-1.37c-.37-.84-1.4-1.22-2.49-1.62c-1.72-.63-2.85-1.14-2.85-2.39c0-2.25 1.13-3.17 3.9-3.17c1.42 0 2.37.44 2.9.79l-.54.54c-.93-.42-2.47-.86-3.53-.44c-.54.21-.9.61-1.05 1.15c-.41 1.47 1.22 2.08 2.53 2.57c1.72.64 2.94 1.18 2.94 2.35c0 2.79-2.45 3.53-3.75 3.53" clip-rule="evenodd"/></svg>Как использовать иконку Skool
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:skool" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:skool" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:skool" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--skool]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:skool"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:skool"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/skool.svg" alt="Иконка Skool" width="24" height="24">Иконка Skool в других наборах
Вопросы и ответы: Иконка Skool
Можно ли бесплатно использовать иконку Skool в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Skool в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:skool" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Skool на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/skool.svg" alt="Иконка Skool">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.