Home/Libraries/SVG Logos (Iconify)/swift

SVG Logos (Iconify)

Swift

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 256"><linearGradient id="SVGRvl1FbcT" x1="-1845.501" x2="-1797.134" y1="1255.639" y2="981.338" gradientTransform="matrix(-1 0 0 -1 -1693.21 1246.504)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#faae42"/><stop offset="1" stop-color="#ef3e31"/></linearGradient><path fill="url(#SVGRvl1FbcT)" d="M56.9 0h141.8c6.9 0 13.6 1.1 20.1 3.4c9.4 3.4 17.9 9.4 24.3 17.2c6.5 7.8 10.8 17.4 12.3 27.4c.6 3.7.7 7.4.7 11.1v138.3c0 4.4-.2 8.9-1.1 13.2c-2 9.9-6.7 19.2-13.5 26.7c-6.7 7.5-15.5 13.1-25 16.1c-5.8 1.8-11.8 2.6-17.9 2.6c-2.7 0-142.1 0-144.2-.1c-10.2-.5-20.3-3.8-28.8-9.5c-8.3-5.6-15.1-13.4-19.5-22.4c-3.8-7.7-5.7-16.3-5.7-24.9V56.9C.2 48.4 2 40 5.7 32.4c4.3-9 11-16.9 19.3-22.5C33.5 4.1 43.5.7 53.7.2c1-.2 2.1-.2 3.2-.2"/><linearGradient id="SVGsy7hbzAE" x1="130.612" x2="95.213" y1="4.136" y2="204.893" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e39f3a"/><stop offset="1" stop-color="#d33929"/></linearGradient><path fill="url(#SVGsy7hbzAE)" d="M216 209.4c-.9-1.4-1.9-2.8-3-4.1c-2.5-3-5.4-5.6-8.6-7.8c-4-2.7-8.7-4.4-13.5-4.6c-3.4-.2-6.8.4-10 1.6c-3.2 1.1-6.3 2.7-9.3 4.3c-3.5 1.8-7 3.6-10.7 5.1c-4.4 1.8-9 3.2-13.7 4.2c-5.9 1.1-11.9 1.5-17.8 1.4c-10.7-.2-21.4-1.8-31.6-4.8c-9-2.7-17.6-6.4-25.7-11.1c-7.1-4.1-13.7-8.8-19.9-14.1c-5.1-4.4-9.8-9.1-14.2-14.1c-3-3.5-5.9-7.2-8.6-11c-1.1-1.5-2.1-3.1-3-4.7L0 121.2V56.7C0 25.4 25.3 0 56.6 0h50.5l37.4 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27 14.4 50.7"/><path fill="#818cf8" d="M144.7 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27.1 14.3 50.8c0 0-9.9-16.6-26.5-16.6c-16 0-25.4 16.6-57.6 16.6c-71.7 0-105.6-59.9-105.6-59.9C91 192.1 135.1 162 135.1 162c-29.1-16.9-91-97.7-91-97.7c53.9 45.9 77.2 58 77.2 58c-13.9-11.5-52.9-67.7-52.9-67.7c31.2 31.6 93.2 75.7 93.2 75.7C179.2 81.5 144.7 38 144.7 38"/></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. SwiftIcon.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.