cpanel logo

cpanel from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: cpanel
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

cpanelCoreUI Brands cpanelFont Awesome 6 Brands cpanelFont Awesome Brands cpanelLine Awesome cpanelSVG Logos cpanelSimple Icons

Use the cpanel logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff6c2c" d="M65.085 26.321a7.62 7.62 0 0 0-4.8 1.601a7.97 7.97 0 0 0-2.826 4.24l-18.56 69.517h13.096a7.5 7.5 0 0 0 4.71-1.601a7.97 7.97 0 0 0 2.826-4.145l13.753-51.149h10.55a9.6 9.6 0 0 1 4.506 1.083a10 10 0 0 1 3.391 2.826a10.4 10.4 0 0 1 1.837 4.003a9.26 9.26 0 0 1-.126 4.632a9.91 9.91 0 0 1-9.608 7.441H78.37a7.64 7.64 0 0 0-4.803 1.602a7.97 7.97 0 0 0-2.826 4.144l-3.392 12.717H84.4a27.52 27.52 0 0 0 22.984-12.293a28.2 28.2 0 0 0 3.768-8.336l.377-1.413a26.3 26.3 0 0 0 .377-12.874a28.01 28.01 0 0 0-14.648-19.028a26.6 26.6 0 0 0-12.481-2.967Zm43.984.132v1.033h3.172v8.98h1.165v-8.98h3.17v-1.033zm9.015 0v10.013h1.074V30.09q0-1.457-.094-2.512h.053l3.397 8.89h.94l3.44-8.865h.054a34 34 0 0 0-.097 2.412v6.452H128V26.453h-1.74l-3.197 8.258h-.056l-3.172-8.258zM28.16 44.878a27.3 27.3 0 0 0-9.058 1.507a28.2 28.2 0 0 0-7.85 4.192a27.85 27.85 0 0 0-9.935 14.836L.94 66.826A27.5 27.5 0 0 0 .607 79.7a27.76 27.76 0 0 0 5.134 11.146a28.2 28.2 0 0 0 9.486 7.866a26.6 26.6 0 0 0 12.481 2.967h6.594l3.768-13.941a3.27 3.27 0 0 0-.628-3.062a3.39 3.39 0 0 0-2.779-1.366h-6.029a10 10 0 0 1-4.52-1.036a9.5 9.5 0 0 1-3.392-2.779a10.4 10.4 0 0 1-1.825-4.003a10 10 0 0 1 .142-4.804a10.36 10.36 0 0 1 3.626-5.37a9.6 9.6 0 0 1 5.966-1.977h9.894a7.64 7.64 0 0 0 4.804-1.602a7.97 7.97 0 0 0 2.826-4.238l3.294-12.623z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconCpanel(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff6c2c" d="M65.085 26.321a7.62 7.62 0 0 0-4.8 1.601a7.97 7.97 0 0 0-2.826 4.24l-18.56 69.517h13.096a7.5 7.5 0 0 0 4.71-1.601a7.97 7.97 0 0 0 2.826-4.145l13.753-51.149h10.55a9.6 9.6 0 0 1 4.506 1.083a10 10 0 0 1 3.391 2.826a10.4 10.4 0 0 1 1.837 4.003a9.26 9.26 0 0 1-.126 4.632a9.91 9.91 0 0 1-9.608 7.441H78.37a7.64 7.64 0 0 0-4.803 1.602a7.97 7.97 0 0 0-2.826 4.144l-3.392 12.717H84.4a27.52 27.52 0 0 0 22.984-12.293a28.2 28.2 0 0 0 3.768-8.336l.377-1.413a26.3 26.3 0 0 0 .377-12.874a28.01 28.01 0 0 0-14.648-19.028a26.6 26.6 0 0 0-12.481-2.967Zm43.984.132v1.033h3.172v8.98h1.165v-8.98h3.17v-1.033zm9.015 0v10.013h1.074V30.09q0-1.457-.094-2.512h.053l3.397 8.89h.94l3.44-8.865h.054a34 34 0 0 0-.097 2.412v6.452H128V26.453h-1.74l-3.197 8.258h-.056l-3.172-8.258zM28.16 44.878a27.3 27.3 0 0 0-9.058 1.507a28.2 28.2 0 0 0-7.85 4.192a27.85 27.85 0 0 0-9.935 14.836L.94 66.826A27.5 27.5 0 0 0 .607 79.7a27.76 27.76 0 0 0 5.134 11.146a28.2 28.2 0 0 0 9.486 7.866a26.6 26.6 0 0 0 12.481 2.967h6.594l3.768-13.941a3.27 3.27 0 0 0-.628-3.062a3.39 3.39 0 0 0-2.779-1.366h-6.029a10 10 0 0 1-4.52-1.036a9.5 9.5 0 0 1-3.392-2.779a10.4 10.4 0 0 1-1.825-4.003a10 10 0 0 1 .142-4.804a10.36 10.36 0 0 1 3.626-5.37a9.6 9.6 0 0 1 5.966-1.977h9.894a7.64 7.64 0 0 0 4.804-1.602a7.97 7.97 0 0 0 2.826-4.238l3.294-12.623z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff6c2c" d="M65.085 26.321a7.62 7.62 0 0 0-4.8 1.601a7.97 7.97 0 0 0-2.826 4.24l-18.56 69.517h13.096a7.5 7.5 0 0 0 4.71-1.601a7.97 7.97 0 0 0 2.826-4.145l13.753-51.149h10.55a9.6 9.6 0 0 1 4.506 1.083a10 10 0 0 1 3.391 2.826a10.4 10.4 0 0 1 1.837 4.003a9.26 9.26 0 0 1-.126 4.632a9.91 9.91 0 0 1-9.608 7.441H78.37a7.64 7.64 0 0 0-4.803 1.602a7.97 7.97 0 0 0-2.826 4.144l-3.392 12.717H84.4a27.52 27.52 0 0 0 22.984-12.293a28.2 28.2 0 0 0 3.768-8.336l.377-1.413a26.3 26.3 0 0 0 .377-12.874a28.01 28.01 0 0 0-14.648-19.028a26.6 26.6 0 0 0-12.481-2.967Zm43.984.132v1.033h3.172v8.98h1.165v-8.98h3.17v-1.033zm9.015 0v10.013h1.074V30.09q0-1.457-.094-2.512h.053l3.397 8.89h.94l3.44-8.865h.054a34 34 0 0 0-.097 2.412v6.452H128V26.453h-1.74l-3.197 8.258h-.056l-3.172-8.258zM28.16 44.878a27.3 27.3 0 0 0-9.058 1.507a28.2 28.2 0 0 0-7.85 4.192a27.85 27.85 0 0 0-9.935 14.836L.94 66.826A27.5 27.5 0 0 0 .607 79.7a27.76 27.76 0 0 0 5.134 11.146a28.2 28.2 0 0 0 9.486 7.866a26.6 26.6 0 0 0 12.481 2.967h6.594l3.768-13.941a3.27 3.27 0 0 0-.628-3.062a3.39 3.39 0 0 0-2.779-1.366h-6.029a10 10 0 0 1-4.52-1.036a9.5 9.5 0 0 1-3.392-2.779a10.4 10.4 0 0 1-1.825-4.003a10 10 0 0 1 .142-4.804a10.36 10.36 0 0 1 3.626-5.37a9.6 9.6 0 0 1 5.966-1.977h9.894a7.64 7.64 0 0 0 4.804-1.602a7.97 7.97 0 0 0 2.826-4.238l3.294-12.623z"/></svg>
</template>

CSS

.icon-cpanel {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ff6c2c%22%20d%3D%22M65.085%2026.321a7.62%207.62%200%200%200-4.8%201.601a7.97%207.97%200%200%200-2.826%204.24l-18.56%2069.517h13.096a7.5%207.5%200%200%200%204.71-1.601a7.97%207.97%200%200%200%202.826-4.145l13.753-51.149h10.55a9.6%209.6%200%200%201%204.506%201.083a10%2010%200%200%201%203.391%202.826a10.4%2010.4%200%200%201%201.837%204.003a9.26%209.26%200%200%201-.126%204.632a9.91%209.91%200%200%201-9.608%207.441H78.37a7.64%207.64%200%200%200-4.803%201.602a7.97%207.97%200%200%200-2.826%204.144l-3.392%2012.717H84.4a27.52%2027.52%200%200%200%2022.984-12.293a28.2%2028.2%200%200%200%203.768-8.336l.377-1.413a26.3%2026.3%200%200%200%20.377-12.874a28.01%2028.01%200%200%200-14.648-19.028a26.6%2026.6%200%200%200-12.481-2.967Zm43.984.132v1.033h3.172v8.98h1.165v-8.98h3.17v-1.033zm9.015%200v10.013h1.074V30.09q0-1.457-.094-2.512h.053l3.397%208.89h.94l3.44-8.865h.054a34%2034%200%200%200-.097%202.412v6.452H128V26.453h-1.74l-3.197%208.258h-.056l-3.172-8.258zM28.16%2044.878a27.3%2027.3%200%200%200-9.058%201.507a28.2%2028.2%200%200%200-7.85%204.192a27.85%2027.85%200%200%200-9.935%2014.836L.94%2066.826A27.5%2027.5%200%200%200%20.607%2079.7a27.76%2027.76%200%200%200%205.134%2011.146a28.2%2028.2%200%200%200%209.486%207.866a26.6%2026.6%200%200%200%2012.481%202.967h6.594l3.768-13.941a3.27%203.27%200%200%200-.628-3.062a3.39%203.39%200%200%200-2.779-1.366h-6.029a10%2010%200%200%201-4.52-1.036a9.5%209.5%200%200%201-3.392-2.779a10.4%2010.4%200%200%201-1.825-4.003a10%2010%200%200%201%20.142-4.804a10.36%2010.36%200%200%201%203.626-5.37a9.6%209.6%200%200%201%205.966-1.977h9.894a7.64%207.64%200%200%200%204.804-1.602a7.97%207.97%200%200%200%202.826-4.238l3.294-12.623z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23ff6c2c%22%20d%3D%22M65.085%2026.321a7.62%207.62%200%200%200-4.8%201.601a7.97%207.97%200%200%200-2.826%204.24l-18.56%2069.517h13.096a7.5%207.5%200%200%200%204.71-1.601a7.97%207.97%200%200%200%202.826-4.145l13.753-51.149h10.55a9.6%209.6%200%200%201%204.506%201.083a10%2010%200%200%201%203.391%202.826a10.4%2010.4%200%200%201%201.837%204.003a9.26%209.26%200%200%201-.126%204.632a9.91%209.91%200%200%201-9.608%207.441H78.37a7.64%207.64%200%200%200-4.803%201.602a7.97%207.97%200%200%200-2.826%204.144l-3.392%2012.717H84.4a27.52%2027.52%200%200%200%2022.984-12.293a28.2%2028.2%200%200%200%203.768-8.336l.377-1.413a26.3%2026.3%200%200%200%20.377-12.874a28.01%2028.01%200%200%200-14.648-19.028a26.6%2026.6%200%200%200-12.481-2.967Zm43.984.132v1.033h3.172v8.98h1.165v-8.98h3.17v-1.033zm9.015%200v10.013h1.074V30.09q0-1.457-.094-2.512h.053l3.397%208.89h.94l3.44-8.865h.054a34%2034%200%200%200-.097%202.412v6.452H128V26.453h-1.74l-3.197%208.258h-.056l-3.172-8.258zM28.16%2044.878a27.3%2027.3%200%200%200-9.058%201.507a28.2%2028.2%200%200%200-7.85%204.192a27.85%2027.85%200%200%200-9.935%2014.836L.94%2066.826A27.5%2027.5%200%200%200%20.607%2079.7a27.76%2027.76%200%200%200%205.134%2011.146a28.2%2028.2%200%200%200%209.486%207.866a26.6%2026.6%200%200%200%2012.481%202.967h6.594l3.768-13.941a3.27%203.27%200%200%200-.628-3.062a3.39%203.39%200%200%200-2.779-1.366h-6.029a10%2010%200%200%201-4.52-1.036a9.5%209.5%200%200%201-3.392-2.779a10.4%2010.4%200%200%201-1.825-4.003a10%2010%200%200%201%20.142-4.804a10.36%2010.36%200%200%201%203.626-5.37a9.6%209.6%200%200%201%205.966-1.977h9.894a7.64%207.64%200%200%200%204.804-1.602a7.97%207.97%200%200%200%202.826-4.238l3.294-12.623z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/cpanel.svg?color=%231a73e8&size=48