Logoforge
Back

Ionic logo

Ionic is an open‑source UI toolkit that lets developers build cross‑platform mobile apps using web technologies like HTML, CSS, and JavaScript. The Ionic logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Ionic logo
Brand color
#3880ff
Categories
Frameworks
Variants
3 SVG files
Website
ionicframework.com
Source
gilbarbara/logos · CC0
Sponsor

Use the Ionic logo

shadcn CLI
npx shadcn@latest add @logoforge/ionic

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React
import { IonicLogo } from "@/components/logos/ionic";

<IonicLogo className="size-8" />
<IonicLogo variant="mono" />          {/* currentColor */}
<IonicLogo type="wordmark" className="h-6 w-auto" />
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><path fill="#3880ff" d="M128.152.001c20.777 0 40.34 4.854 58.692 14.257l2.426 1.214-2.123 1.668c-5.156 4.095-9.251 9.403-11.83 15.469l-.758 1.668-1.516-.758c-14.105-6.673-29.119-10.161-44.74-10.161-57.782 0-104.644 47.014-104.644 104.644s46.71 104.645 104.493 104.645 104.644-47.014 104.644-104.645c0-13.8-2.578-27.298-8.038-40.038L224 86.296l1.668-.758c6.218-2.275 11.678-6.066 16.076-10.92l1.668-2.123 1.062 2.427C252.209 91.756 256 109.652 256 127.699c0 70.521-57.479 128-128 128S0 198.22 0 127.7 57.479-.3 128.152.001m0 69.764c32 0 58.237 26.086 58.388 58.389 0 32.303-26.085 58.389-58.388 58.389-32.304 0-58.389-26.086-58.389-58.389S96 69.765 128.152 69.765m83.564-48.227c14.741 0 26.692 11.95 26.692 26.692 0 14.741-11.95 26.692-26.692 26.692s-26.692-11.95-26.692-26.692 11.95-26.692 26.692-26.692"/></svg>

Download

Related logos

Ionic and the Ionic logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Ionic; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.