Иконка Cpanel
lineicons:cpanel
Иконка Cpanel (lineicons:cpanel) — бесплатная SVG-иконка из набора Lineicons. Она нарисована на сетке 24 × 24. Lineicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.527 11.081a1.64 1.64 0 0 0-1.58-1.257H5.82c-.226 0-.42.13-.452.355l-1.095 3.996h.773c.226 0 .355-.128.451-.354l.806-2.998h.645c.258 0 .483.194.548.452c.096.354-.194.741-.548.741h-.323c-.225 0-.419.129-.45.354l-.194.774h.999c1.128-.032 1.773-1.16 1.547-2.063m-4.867.87h.58c.226 0 .355-.128.452-.354l.193-.774H3.628c-.741 0-1.354.452-1.58 1.258c-.257 1.03.548 2.03 1.548 2.03h.354l.226-.806c.032-.129-.032-.258-.194-.258h-.354c-.741.065-.741-1.096.032-1.096m7.736-1.095h-2.45l-.097.419c-.032.322.13.58.452.58h1.805c.129 0 .032.129.032.129l-.258.999c0 .032-.032.129-.193.129H9.59c-.13 0-.13-.258 0-.258h.677c.225 0 .354-.129.45-.354l.13-.42h-1.45c-1.225 0-1.354 1.999-.033 1.999h1.805a.764.764 0 0 0 .742-.548l.45-1.644c.065-.483-.386-1.031-.966-1.031M21.742 9.76h-.58c-.129 0-.258.096-.322.258l-1.128 4.125c.644 0 1.257-.451 1.418-1.096l.87-3.03c0-.096-.097-.257-.258-.257m-7.349 1.096h-1.482l-.806 3.03c-.032.128.032.257.193.257h.58c.13 0 .258-.096.323-.258l.548-1.998h.644c.42 0 .645.355.548.741l-.354 1.257c-.032.13.032.258.193.258h.58c.13 0 .258-.096.323-.258l.257-1.031c.29-1-.515-1.998-1.547-1.998m3.03 2.353c-.129 0-.193-.097-.129-.226l.258-.967c.032-.129.129-.193.258-.193h1.031c.097 0 .13.032.13.128l-.033.097c-.032.033-.032.097-.129.097h-.677c-.225 0-.419.129-.451.354l-.129.42h1.644a.764.764 0 0 0 .741-.549l.097-.354c.129-.58-.258-1.128-.87-1.128h-1.45c-.549 0-1.032.354-1.226.967l-.354 1.257c-.13.548.258 1.128.87 1.128h2.063c.226 0 .355-.129.451-.355l.194-.644c-.033-.032-2.289-.032-2.289-.032"/></svg>Как использовать иконку Cpanel
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:cpanel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:cpanel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:cpanel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--cpanel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:cpanel"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:cpanel"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/lineicons/cpanel.svg" alt="Иконка Cpanel" width="24" height="24">Иконка Cpanel в других наборах
Вопросы и ответы: Иконка Cpanel
Можно ли бесплатно использовать иконку Cpanel в коммерческих проектах?
Да. Lineicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cpanel в React?
Установите @iconify/react и выведите <Icon icon="lineicons:cpanel" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cpanel на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/lineicons/cpanel.svg" alt="Иконка Cpanel">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.