Иконка Cpanel
cib:cpanel
Иконка Cpanel (cib:cpanel) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- CoreUI Brands
- Автор
- creativeLabs Łukasz Holeczek
- Лицензия
- CC0-1.0
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M10.515 14.21a2.61 2.61 0 0 0-2.55-2.06h-1.85a.73.73 0 0 0-.715.545L3.655 19.2l1.235-.005a.74.74 0 0 0 .71-.535l1.29-4.785h.99a.934.934 0 1 1 0 1.87h-.515c-.35 0-.625.23-.715.54l-.32 1.19h1.6c1.86 0 2.915-1.81 2.585-3.265m-7.825 1.4h.93c.345 0 .62-.22.715-.545l.31-1.18h-2c-1.145 0-2.195.705-2.56 2.055A2.597 2.597 0 0 0 2.6 19.2h.62l.355-1.305a.328.328 0 0 0-.32-.415H2.69c-1.235 0-1.245-1.87 0-1.87m12.375-1.74H11.17l-.175.67c-.12.48.225.925.71.925h2.875c.2 0 .12.215.105.265l-.43 1.59c-.02.07-.045.265-.275.265h-1.745c-.265 0-.265-.395 0-.395h1.08c.34 0 .615-.23.71-.54l.175-.66h-2.42c-1.96 0-2.18 3.19-.035 3.19l2.875.01c.56 0 1.03-.36 1.17-.89l.7-2.59c.24-.96-.485-1.84-1.425-1.84m16.59-1.72h-.945c-.245 0-.46.16-.52.395L28.41 19.2c1.035 0 1.99-.69 2.245-1.725l1.325-4.91a.326.326 0 0 0-.325-.415M19.84 13.885v.005h-2.415l-1.31 4.9c-.06.22.11.415.32.415h.945c.24 0 .46-.15.52-.39l.86-3.2h.99c.625 0 1.07.59.905 1.17l-.53 2a.323.323 0 0 0 .32.415h.955c.23 0 .455-.145.515-.39l.44-1.655c.45-1.655-.795-3.27-2.515-3.27m4.915 3.73c-.18 0-.3-.17-.255-.335l.4-1.5c.045-.195.185-.3.39-.3h1.645c.13 0 .23.12.195.255l-.035.13q-.045.15-.195.15h-1.08c-.35 0-.63.23-.71.54l-.175.65h2.67c.525 0 1.015-.33 1.16-.88l.16-.6a1.46 1.46 0 0 0-1.415-1.84h-2.365c-.895 0-1.69.6-1.93 1.48l-.54 2A1.456 1.456 0 0 0 24.09 19.2h3.335a.74.74 0 0 0 .71-.535l.285-1.05z"/></svg>
Как использовать иконку Cpanel
React
import { Icon } from "@iconify/react";
<Icon icon="cib:cpanel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:cpanel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:cpanel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--cpanel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:cpanel"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:cpanel"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/cpanel.svg" alt="Иконка Cpanel" width="24" height="24">
Иконка Cpanel в других наборах
Вопросы и ответы: Иконка Cpanel
Можно ли бесплатно использовать иконку Cpanel в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cpanel в React?
Установите @iconify/react и выведите <Icon icon="cib:cpanel" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cpanel на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/cpanel.svg" alt="Иконка Cpanel">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки CoreUI Brands →
ICONYZ
