Иконка Splitpro Light
selfhst:splitpro-light
Иконка Splitpro Light (selfhst:splitpro-light) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
- Теги
- splitprolight
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M253 113V0h3c140 0 253.8 112.5 255.9 252H311.8q-18-10.05-43.5-19.5c-5.4-2.1-10.5-4.2-15.3-6.1v-77.5h1.8c8.7 0 17.2.8 25.5 2.5c8.3 1.3 16.5 3.3 24.5 6c8.3 2.3 16.2 5.2 23.5 8.5l15-35c-12.3-5.7-25.7-10-40-13c-14-3.3-29.2-5-45.5-5c-1.6 0-3.2 0-4.8.1m-11.3 278.1c-18.7 0-34.9-1.5-48.5-4.5c-13.3-3-25.2-7.2-35.5-12.5v-40c10.7 5.3 23.5 10.3 38.5 15c15.3 4.3 30.9 6.5 46.5 6.5c3.6 0 7-.1 10.3-.3V269c-4-1.6-8.2-3.3-12.8-5q-15.6-6-28.5-12H.1l-.1 4c0 140.4 113 254.4 253 256V390.8c-3.7.2-7.4.3-11.3.3" opacity=".7"/><path fill="#fff" d="M213.2 157.9c9.4-5.8 22.6-8.8 39.8-9v77.5c-10.1-4.1-18.7-7.8-25.8-10.9c-10-5-17.2-10-21.5-15c-4.3-5.3-6.5-11.7-6.5-19c0-10.1 4.7-17.9 14-23.6M306.3 316c0-6.7-1.8-12.7-5.5-18s-10.3-10.7-20-16c-6.9-4-16.2-8.3-27.8-13v86.3c17.1-.9 29.9-4.3 38.3-10.2c10-7.4 15-17 15-29.1m-110.6-72q-18.45-10.05-28.5-24c-6.7-9.3-10-21.3-10-36c0-22.7 9.2-40.2 27.5-52.5c17.7-11.7 40.5-17.8 68.3-18.5V0C114.3 1.6 2.2 113.5.1 252h211.7c-5.8-2.7-11.2-5.3-16.1-8m316.2 8H311.8c12 6.7 21.2 14.8 27.5 24.5c6.3 9.3 9.5 21.2 9.5 35.5c0 17.3-4.3 31.9-13 43.5c-8.7 11.7-21 20.5-37 26.5c-13.2 5-28.5 7.9-45.8 8.7V512h3c141.4 0 256-114.6 256-256c0-1.3 0-2.7-.1-4"/></svg>Как использовать иконку Splitpro Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:splitpro-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:splitpro-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:splitpro-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--splitpro-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:splitpro-light"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:splitpro-light"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/splitpro-light.svg" alt="Иконка Splitpro Light" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Splitpro Light
Можно ли бесплатно использовать иконку Splitpro Light в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Splitpro Light в React?
Установите @iconify/react и выведите <Icon icon="selfhst:splitpro-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Splitpro Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/splitpro-light.svg" alt="Иконка Splitpro Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.