Akamai Icon
High-quality Akamai transparent PNG for web & print.
Optimized Akamai SVG vector code for developers.
Ready-to-use Akamai React icon component.
Use Akamai in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
How to use the Akamai Icon
Copy the Akamai icon as inline SVG, React code, HTML embed, or CSS mask.
Inline SVG
Paste the Akamai SVG directly into HTML or JSX.
React Component
Use Akamai as a typed React icon component.
import React from 'react';
export const AkamaiIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Use a hosted Akamai icon URL with attribution.
CSS Mask
Use Akamai as a colorable CSS mask icon.
.akamai-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #0096d6;
mask: url("https://www.aiuidesigner.com/icons/akamai.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/akamai.svg") center / contain no-repeat;
}Akamai Icon Details
Brand color
Category
Cloud
Formats
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG file
829 B · 1 path
License
Check brand guidelines
Source
akamai.comAbout the Akamai Icon
The Akamai icon is available here as a brand icon asset in SVG format. It is categorized under Cloud and uses the brand color #0096D6. 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 Akamai logo in commercial projects, documentation, UI mockups, or marketing pages.
Akamai Icon Frequently Asked Questions
Design a UI with the Akamai icon
Generate a complete page that already uses this icon, color, and brand context.