Can I use the Consul icon for commercial projects?

Yes, you can use the Consul icon in your commercial projects. However, please be aware that the Consul logo is a registered trademark. You should follow their brand guidelines and not imply endorsement.

How to use the Consul icon in Figma?

The easiest way is to copy the Consul SVG code from our site and paste it directly into Figma. Alternatively, you can download the Consul SVG file and drag it onto your Figma canvas.

What formats of the Consul icon are available for download?

We provide the Consul icon in high-quality SVG (vector) format, which is perfect for web and print. You can also download it as a transparent Consul PNG image or copy the React component code.

Consul Icon

Infrastructure#F24C53

High-quality Consul transparent PNG for web & print.

Optimized Consul SVG vector code for developers.

Ready-to-use Consul React icon component.

How to use the Consul Icon

Copy the Consul icon as inline SVG, React code, HTML embed, or CSS mask.

Inline SVG

Paste the Consul SVG directly into HTML or JSX.

React Component

Use Consul as a typed React icon component.

import React from 'react';

export const ConsulIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML Embed

Use a hosted Consul icon URL with attribution.

CSS Mask

Use Consul as a colorable CSS mask icon.

.consul-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #f24c53;
  mask: url("https://www.aiuidesigner.com/icons/consul.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/consul.svg") center / contain no-repeat;
}

Consul Icon Details

Brand color

#F24C53

About the Consul Icon

The Consul icon is available here as a brand icon asset in SVG format. It is categorized under Infrastructure and uses the brand color #F24C53. You can download it as a transparent PNG, copy the inline SVG, copy a React component, or embed it with HTML.

Use the source and brand guideline links on this page to verify current trademark usage rules before using the Consul logo in commercial projects, documentation, UI mockups, or marketing pages.

Tags:networkingservice-meshhashicorp

Consul Icon Frequently Asked Questions

Try AI Icon Generator

Need a completely unique icon? Use our AI-powered SVG Generator to create custom, professional icons in seconds.

Try AI Icon Generator

Consul Related Icons