Logoforge
Back

Ionic logo

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
Your brand here$40 / 30 days

Use the Ionic logo

shadcn CLI
npx shadcn@latest add @logoforge/ionic

First time? Add the @logoforge registry to components.json, or 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.