ICONYZ
日本語
Fontisto の Cpanel アイコン

Cpanel アイコン

fontisto:cpanel

Cpanel アイコン(fontisto:cpanel)は、Fontisto セットの無料 SVG アイコンです(作者: Kenan Gündoğan)。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Fontisto
作者
Kenan Gündoğan
ライセンス
MIT
サイズ
24 × 24
カテゴリ
ブランド
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.985 10.902h1.5l-.233.885a.55.55 0 0 1-.532.409h-.701a.702.702 0 0 0-.001 1.402h.427a.246.246 0 0 1 .237.313v-.002l-.268.98h-.465A1.95 1.95 0 0 1 .068 12.43l-.003.014c.2-.888.982-1.542 1.916-1.542zm.757 3.987l1.309-4.88a.546.546 0 0 1 .528-.409h1.398c.935 0 1.716.656 1.909 1.533l.002.013a2.02 2.02 0 0 1-1.937 2.449H4.749l.24-.893a.555.555 0 0 1 .533-.405h.413a.702.702 0 0 0 0-1.404H5.91h.001h-.742l-.967 3.585a.56.56 0 0 1-.533.4h-.927zm8.275-2.612c.011-.038.071-.198-.08-.198H8.774a.55.55 0 0 1-.529-.698l-.001.004l.131-.502h2.919a1.104 1.104 0 0 1 1.067 1.388l.002-.008l-.525 1.943a.9.9 0 0 1-.865.668h-.015h.001l-2.16-.007c-1.609 0-1.444-2.393.026-2.393h1.83l-.131.495a.56.56 0 0 1-.533.405h-.812a.148.148 0 1 0 0 .296h1.309c.173 0 .191-.146.206-.198l.32-1.193zm3.864-1.383h.011a1.943 1.943 0 0 1 1.872 2.466l.003-.014l-.33 1.242a.39.39 0 0 1-.379.293h-.739a.24.24 0 0 1-.229-.313v.002l.4-1.5a.697.697 0 0 0-.671-.88h-.75l-.645 2.4a.395.395 0 0 1-.381.293h-.72a.246.246 0 0 1-.237-.313v.002l.982-3.68h1.812zm3.794 1.416l-.3 1.126a.198.198 0 0 0 .191.251h2.75l-.214.788a.56.56 0 0 1-.533.4h-2.505a1.092 1.092 0 0 1-1.052-1.385l-.002.008l.405-1.498a1.505 1.505 0 0 1 1.448-1.11h1.778a1.096 1.096 0 0 1 1.057 1.388l.002-.008l-.12.45a.89.89 0 0 1-.858.66H18.71l.131-.487a.54.54 0 0 1 .525-.405h.827a.14.14 0 0 0 .139-.112v-.001l.026-.098a.15.15 0 0 0-.146-.191h-1.236l-.022-.001a.275.275 0 0 0-.27.224v.002zm2.633 2.565l1.335-4.992a.4.4 0 0 1 .386-.296h.717a.245.245 0 0 1 .235.313v-.002l-.994 3.68c-.2.75-.873 1.294-1.673 1.294h-.007z"/></svg>

Cpanel アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fontisto:cpanel" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fontisto:cpanel" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fontisto:cpanel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--cpanel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:cpanel"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fontisto:cpanel"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/cpanel.svg" alt="Cpanel アイコン" width="24" height="24">

他のアイコンセットの Cpanel アイコン

Cpanel アイコン のよくある質問

Cpanel アイコンは商用利用でも無料ですか?

はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Cpanel アイコンを使うには?

@iconify/react をインストールして <Icon icon="fontisto:cpanel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Cpanel アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/cpanel.svg" alt="Cpanel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fontisto アイコン をすべて見る →