Home/Libraries/IonIcons/social-apple-outline

IonIcons

SocialAppleOutline

License: MITCommercial 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 512 512"><path d="M333.6 169.9c16.3 0 33.2 7.4 47.4 20.4-9.9 8.5-17.9 18.7-23.7 30.2-8 16-11.6 34.3-10.2 52.7 1.3 18.7 7.6 36.6 18 51.8 8 11.6 18.2 21.2 30 28.3-5 10.7-9.2 18.4-16.8 30.5-8.4 13.1-30.5 48-52 48.2h-.4c-7.4 0-12.2-2.2-19.3-5.6-10-4.7-22.3-10.6-43.4-10.6h-.6c-21.1.1-33.8 5.9-43.9 10.6-7.4 3.4-12.3 5.7-19.9 5.7h-.4c-19.6-.2-37.5-24.3-50.8-45.2-19.3-30.4-31.7-65.6-34.9-99.1-2.9-30.5 2-58.5 13.5-76.7 8-12.7 18.5-23.3 30.4-30.6 11.2-6.8 23-10.4 34.2-10.4 12.4 0 22.7 3.8 33.7 7.8 11.5 4.2 23.5 8.6 37.7 8.6 13.6 0 24.3-4.2 34.6-8.2 11.2-4.4 21.4-8.4 36.8-8.4m0-16c-33.6 0-47.8 16.5-71.2 16.5-24 0-42.3-16.4-71.4-16.4-28.5 0-58.9 17.9-78.2 48.4-27.1 43-22.5 124 21.4 193 15.7 24.7 36.7 52.4 64.2 52.7h.5c23.9 0 31-16.1 63.9-16.3h.5c32.4 0 38.9 16.2 62.7 16.2h.5c27.5-.3 49.6-31 65.3-55.6 11.3-17.7 15.5-26.6 24.2-46.6-63.5-24.8-73.7-117.4-10.9-152.9-19.2-24.7-46.1-39-71.5-39z" fill="#818cf8"/><path d="M309.9 84.5c-2.7 14.9-10.5 26.8-14.6 32.2-7.4 9.8-18 17.4-28.8 21.1.5-3 1.3-6.1 2.4-9.2 3.5-10.2 8.9-18.2 12.8-23.1 7.1-8.8 17.6-16.4 28.2-21M326.2 64c-20 1.4-43.3 14.5-57 31.6-12.4 15.5-22.6 38.5-18.6 60.8h1.6c21.3 0 43.1-13.2 55.8-30.1 12.3-16.1 21.6-38.9 18.2-62.3z" fill="#818cf8"/></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 react-ionicons) 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. SocialAppleOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.