Home/Libraries/SVG Logos (Iconify)/namecheap

SVG Logos (Iconify)

Namecheap

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 142"><defs><linearGradient id="SVGgzu0cbGs" x1="13.322%" x2="82.62%" y1="94.945%" y2="1.132%"><stop offset="0%" stop-color="#d4202c"/><stop offset="4.166%" stop-color="#d82d2b" stop-opacity=".958"/><stop offset="17.6%" stop-color="#e25226" stop-opacity=".824"/><stop offset="31.67%" stop-color="#eb7123" stop-opacity=".683"/><stop offset="46.35%" stop-color="#f28920" stop-opacity=".536"/><stop offset="61.88%" stop-color="#f69a1e" stop-opacity=".381"/><stop offset="78.86%" stop-color="#f9a41d" stop-opacity=".211"/><stop offset="100%" stop-color="#faa71d" stop-opacity="0"/></linearGradient><linearGradient id="SVGcao2lbbR" x1="86.624%" x2="17.326%" y1="5.04%" y2="98.855%"><stop offset="0%" stop-color="#d4202c"/><stop offset="4.166%" stop-color="#d82d2b" stop-opacity=".958"/><stop offset="17.6%" stop-color="#e25226" stop-opacity=".824"/><stop offset="31.67%" stop-color="#eb7123" stop-opacity=".683"/><stop offset="46.35%" stop-color="#f28920" stop-opacity=".536"/><stop offset="61.88%" stop-color="#f69a1e" stop-opacity=".381"/><stop offset="78.86%" stop-color="#f9a41d" stop-opacity=".211"/><stop offset="100%" stop-color="#faa71d" stop-opacity="0"/></linearGradient></defs><path fill="#818cf8" d="M232 0c-9 0-16.8 5-20.9 12.3l-.5 1l-18.8 37L168 97.2l15.6 30.7l.9 1.7c2.4 4.2 6 7.7 10.4 9.8c4.4-2.2 8-5.6 10.4-9.8l.9-1.7l46.7-92l1.1-2.2c1.3-3 2-6.2 2-9.7c0-13.3-10.7-24-24-24M87.9 44.6L72.4 14l-.9-1.7c-2.4-4.2-6-7.7-10.4-9.8c-4.4 2.2-8 5.6-10.4 9.8l-.8 1.7l-46.7 92l-1.1 2.2c-1.3 3-2 6.2-2 9.7c0 13.2 10.7 24 24 24c9 0 16.8-5 20.9-12.3l.5-1l18.8-37L88 44.7z"/><path fill="url(#SVGgzu0cbGs)" d="M232 0c-9 0-16.9 5-20.9 12.3l-.5 1l-18.8 37L168 97.2l15.6 30.7l.9 1.7c2.4 4.2 6 7.7 10.4 9.8c4.4-2.2 8-5.6 10.4-9.8l.9-1.7l46.7-92l1.1-2.2c1.3-3 2-6.2 2-9.7c0-13.3-10.8-24-24-24"/><path fill="url(#SVGcao2lbbR)" d="M24 141.9c9 0 16.9-5 20.9-12.3l.5-1l18.8-37L88 44.7L72.4 14l-.9-1.7c-2.4-4.2-6-7.7-10.4-9.8c-4.4 2.2-8 5.6-10.4 9.8l-.8 1.7l-46.7 92l-1.2 2.3c-1.3 3-2 6.2-2 9.7c0 13.2 10.7 23.9 24 23.9"/><path fill="#818cf8" d="M87.9 44.6L72.4 14l-.9-1.7c-2.4-4.2-6-7.7-10.4-9.8c1.4-.7 3-1.3 4.5-1.7c1.9-.5 4-.8 6-.8h32.8c9 .1 16.8 5 20.9 12.3l.7 1.7l42.1 83.3l15.5 30.6l.9 1.7c2.4 4.2 6 7.7 10.4 9.8c-1.4.7-3 1.3-4.5 1.7c-1.9.5-4 .8-6.1.8h-32.6c-9-.1-16.8-5-20.9-12.3l-.9-1.7z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. NamecheapIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.