Swift icon
Download the Swift logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- swift
- apple
- programming
- language
- ios
- macos
- code
- logo
- brand
- social
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandSwift
- License
- MIT · Paweł Kuna
- Files
-
outline/brand-swift.svg
Code
Copy it the way you use it
brand-swift.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M20.547 15.828c1.33 -4.126 -1.384 -9.521 -6.047 -12.828c-.135 -.096 2.39 6.704 1.308 9.124c-2.153 -1.454 -4.756 -3.494 -7.808 -6.124l-.5 2l-3.5 -1c4.36 4.748 7.213 7.695 8.56 8.841c-4.658 2.089 -10.65 -.978 -10.56 -.841c1.016 1.545 6 6 11 6c2 0 3.788 -.502 4.742 -1.389c.005 -.005 .432 -.446 1.378 -.17c.504 .148 1.463 .667 2.88 1.559v-1.507c0 -1.377 -.515 -2.67 -1.453 -3.665" />
</svg> Use the Swift icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBrandSwift } from '@tabler/icons-react';
<IconBrandSwift size={24} stroke={2} />Read the React guideVue example
import { IconBrandSwift } from '@tabler/icons-vue';
<IconBrandSwift :size="24" :stroke="2" />Read the Vue guideSvelte 5 example
import { IconBrandSwift } from '@tabler/icons-svelte-runes';
<IconBrandSwift size={24} stroke={2} />Read the Svelte guideRelated