Brands icon

Armani JSX Icon

Q: Is the Armani JSX icon free?

Yes. You can copy the Armani JSX component and use it in React and Next.js projects.

Q: Can I customize the Armani icon?

Yes. Edit SVG attributes or pass className, width, height and color props depending on the component.

Copy the Armani icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.

Browse all icons

ComponentArmaniLogo

FilearmaniLogo.jsx

CategoryBrands

Copy-ready code

Armani React JSX component

// Source: https://commons.wikimedia.org/wiki/Special:PermanentLink/1114782233
// Asset license: Public domain textlogo
// Optimized, converted to monochrome currentColor JSX, and parameterized by JSXIcons.
export const ArmaniLogo = ({ width = "40px", height = "40px", color = "#000000", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 0 249 60" xmlns="http://www.w3.org/2000/svg" fill={color} color={color}>
    <g fill="none" fillRule="evenodd"><path d="M.532 59.953H248.23V.52H.532z"/><path fill="currentColor" fillRule="nonzero" d="m153.005 38.708 8.33-24.22 8.134 24.22zM63.212 28.084H58.71V4.932h3.738c6.62 0 11.065 4.265 11.065 12.149 0 4.339-3.39 11.003-10.301 11.003M12.728 38.708l8.328-24.22 8.135 24.22zm235.5-33.776V2.945H220.22v1.987h4.349v38.24L198.464 2.946h-12.147v1.987h4.334v51.272h-7.52L164.204.52l-19.541 55.685h-7.245V4.932h4.354V2.945h-11.487l-14.48 42.012-15.187-42.012H89.35v1.987h4.343v51.272h-8.622c-2.44 0-4.577-2.182-4.577-5.883v-8.086c0-6.197-2.005-11.385-8.201-13.145 5.39-1.635 9.154-6.797 9.154-12.315 0-7.856-5.853-13.83-17.168-13.83H47.278v1.987h4.337v51.273h-8.762L23.926.518 4.384 56.204H.532v1.987H11.45v-1.987H6.625l5.45-15.547h17.747l5.197 15.547H28.35v1.987h37.075v-1.986H58.71V30.072h4.502c6.573 0 9.88 2.695 9.88 9.09v4.742c0 11.263 7.409 14.287 11.447 14.287h15.871v-1.987h-4.732V10.796l17.815 47.986L130.322 9.37v46.834h-4.345v1.987h25.75v-1.987h-4.824l5.45-15.547H170.1l5.197 15.547h-6.669v1.987h28.37v-1.987h-4.364V7.766L226.553 60V4.932h10.23v51.272h-4.349v1.987h15.795v-1.987h-4.35V4.932z"/></g>
  </svg>
)

How to use the Armani icon

import { ArmaniLogo } from "@/assets/icons/armaniLogo"

export default function Example() {
  return <ArmaniLogo width="32px" height="32px" />
}

Built for the web

Use it in your stack

This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.

ReactNext.jsJSXSVGBrands icons

Looking for a similar mark? Browse the related icons below or explore the full brands collection.

Related JSX icons

.NET

1Password

Abercrombie & Fitch

ABN AMRO

Accenture

AdGuard

Adidas

FAQ

Is the Armani JSX icon free?

Yes. You can copy the JSX component and use it in React and Next.js projects.

Can I customize it?

Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.