Home/Libraries/Devicon (Iconify)/swift-wordmark

Devicon (Iconify)

SwiftWordmark

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 128 128"><path fill="#818cf8" d="M37.35 54a11.2 11.2 0 0 0-.23-2.26a7.42 7.42 0 0 0-2.16-4A6.8 6.8 0 0 0 33 46.39a8 8 0 0 0-2.24-.73c-.77-.15-1.62-.15-2.39-.22H9.35a13 13 0 0 0-1.77.15a6.4 6.4 0 0 0-1.7.44c-.15.07-.39.15-.54.22a10 10 0 0 0-1.47.95c-.15.15-.31.22-.46.36A6.5 6.5 0 0 0 2 49.38a6.8 6.8 0 0 0-.77 2.19A22 22 0 0 0 1 53.82v17.43a11.2 11.2 0 0 0 .23 2.26a7.42 7.42 0 0 0 2.16 4a6.8 6.8 0 0 0 1.93 1.31a8 8 0 0 0 2.24.73c.77.15 1.62.15 2.39.22h18.46a13.3 13.3 0 0 0 2.39-.22a8 8 0 0 0 2.2-.72a8.8 8.8 0 0 0 2-1.31a6.5 6.5 0 0 0 1.39-1.82a6.8 6.8 0 0 0 .77-2.19a22 22 0 0 0 .23-2.26V54z"/><path fill="#818cf8" d="M25.3 72c-3.24 1.77-7.69 1.95-12.16.14a18.77 18.77 0 0 1-8.57-6.94A14.6 14.6 0 0 0 7.74 67c4.62 2 9.25 1.91 12.5 0a64.5 64.5 0 0 1-11.5-11.28a12.6 12.6 0 0 1-1.54-2a89 89 0 0 0 11.18 8a78.6 78.6 0 0 1-7.87-9.33a77.7 77.7 0 0 0 13 10.06l.5.28a9 9 0 0 0 .35-1c1.08-3.72-.15-7.95-2.85-11.45c6.25 3.57 9.95 10.28 8.41 15.9c0 .15-.08.3-.13.45l.05.06c3.09 3.65 2.24 7.51 1.85 6.78C30 70.42 26.87 71.36 25.3 72"/><path fill="#818cf8" d="M119.34 60.31h-8.95v-1.09c0-.87.08-1.75.15-2.62a5.7 5.7 0 0 1 .62-2.19a4.1 4.1 0 0 1 1.31-1.46a4.5 4.5 0 0 1 2.31-.58a7.5 7.5 0 0 1 1.47.15c.39.15.69.22 1 .36l.62-1.46a7.3 7.3 0 0 0-1.23-.44a6 6 0 0 0-1.7-.22a6.6 6.6 0 0 0-3.09.66a6.1 6.1 0 0 0-2.08 1.82a8.8 8.8 0 0 0-1.08 2.7a15.6 15.6 0 0 0-.31 3.35v1.09h-2.93v1.46h2.93v17.65h2V61.77h8.95v12.1a11.6 11.6 0 0 0 .23 2.41a4.7 4.7 0 0 0 .69 1.9a3.2 3.2 0 0 0 1.39 1.24a5.4 5.4 0 0 0 2.31.44a6.9 6.9 0 0 0 2.7-.44l-.21-1.42a8 8 0 0 1-.93.22a7 7 0 0 1-1.31.07a2.51 2.51 0 0 1-2.24-1a6 6 0 0 1-.62-2.92V61.84H127v-1.45h-5.63v-4.23l-2 .58zM49.5 76.57a9.5 9.5 0 0 0 2.78 1.24a12 12 0 0 0 3.32.51a7.3 7.3 0 0 0 4.94-1.53a5.2 5.2 0 0 0 1.77-4A5.4 5.4 0 0 0 61 69.06a11.7 11.7 0 0 0-4.32-2.62a15.1 15.1 0 0 1-5.24-2.84a5.78 5.78 0 0 1-1.93-4.52a6.3 6.3 0 0 1 .62-2.7a6.6 6.6 0 0 1 1.7-2.11a7 7 0 0 1 2.55-1.39a9.4 9.4 0 0 1 3.24-.51a15 15 0 0 1 3.39.36a9.8 9.8 0 0 1 2.08.8l-.77 1.6a7.2 7.2 0 0 0-1.85-.8a9.3 9.3 0 0 0-3-.44a8 8 0 0 0-2.85.44a5.6 5.6 0 0 0-1.92 1.17a5.1 5.1 0 0 0-1 1.6a4.3 4.3 0 0 0-.31 1.68a4.75 4.75 0 0 0 1.39 3.57a14.2 14.2 0 0 0 4.4 2.48a18.6 18.6 0 0 1 3 1.46A13.2 13.2 0 0 1 62.42 68a5.9 5.9 0 0 1 1.31 2a7.3 7.3 0 0 1 .46 2.62a7.4 7.4 0 0 1-.54 2.84A6.4 6.4 0 0 1 62 77.81a8.5 8.5 0 0 1-2.78 1.6a12.2 12.2 0 0 1-3.86.58a16 16 0 0 1-1.85-.15a17 17 0 0 1-1.85-.36a11.4 11.4 0 0 1-1.7-.58a7 7 0 0 1-1.31-.66zM68 60.39l3.32 10.86c.31 1.09.62 2.19.93 3.14s.54 2 .77 2.84h.15c.23-.87.54-1.82.85-2.84s.69-2 1.08-3.14L79 60.39h1.85l3.78 10.71c.39 1.17.77 2.26 1.08 3.28s.62 2 .85 2.84h.15c.23-.95.46-1.9.77-2.84s.62-2 1-3.21L92 60.39h2l-6.63 19.1h-1.58L82 68.84q-.58-1.75-1.16-3.28c-.31-1-.62-2.11-.85-3.21h-.08a34 34 0 0 1-1 3.28q-.58 1.53-1.16 3.28l-3.92 10.58h-1.7L66 60.39zm30.31 0h2v19.1h-2zm-.77-5.83a1.66 1.66 0 0 1 1.7-1.68a1.8 1.8 0 0 1 1.76 1.67a1.51 1.51 0 0 1-.54 1.17a1.8 1.8 0 0 1-1.23.44a2 2 0 0 1-1.23-.44a1.73 1.73 0 0 1-.49-1.17z"/></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. SwiftWordmarkIcon.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.