Swift アイコン
fa-brands:swift
Swift アイコン(fa-brands:swift)は、Font Awesome 5 Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 448 × 512 のグリッドで描かれています。 Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Brands
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 448 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="512" viewBox="0 0 448 512"><path fill="currentColor" d="M448 156.09c0-4.51-.08-9-.2-13.52a196 196 0 0 0-2.58-29.42a99.6 99.6 0 0 0-9.22-28A94.08 94.08 0 0 0 394.84 44a99.2 99.2 0 0 0-28-9.22a195 195 0 0 0-29.43-2.59c-4.51-.12-9-.17-13.52-.2H124.14c-4.51 0-9 .08-13.52.2c-2.45.07-4.91.15-7.37.27a172 172 0 0 0-22.06 2.32a103 103 0 0 0-21.21 6.1q-3.46 1.45-6.81 3.12a94.7 94.7 0 0 0-18.39 12.32c-1.88 1.61-3.69 3.28-5.43 5A93.9 93.9 0 0 0 12 85.17a99.5 99.5 0 0 0-9.22 28a196 196 0 0 0-2.54 29.4c-.13 4.51-.18 9-.21 13.52v199.83c0 4.51.08 9 .21 13.51a196 196 0 0 0 2.58 29.42a99.3 99.3 0 0 0 9.22 28A94.3 94.3 0 0 0 53.17 468a99.5 99.5 0 0 0 28 9.21a195 195 0 0 0 29.43 2.59c4.5.12 9 .17 13.52.2h199.79c4.51 0 9-.08 13.52-.2a196.6 196.6 0 0 0 29.44-2.59a99.6 99.6 0 0 0 28-9.21A94.22 94.22 0 0 0 436 426.84a99.3 99.3 0 0 0 9.22-28a195 195 0 0 0 2.59-29.42c.12-4.5.17-9 .2-13.51V172.14c-.01-5.35-.01-10.7-.01-16.05m-69.88 241c-20-38.93-57.23-29.27-76.31-19.47c-1.72 1-3.48 2-5.25 3l-.42.25c-39.5 21-92.53 22.54-145.85-.38A234.64 234.64 0 0 1 45 290.12a230.6 230.6 0 0 0 39.17 23.37c56.36 26.4 113 24.49 153 0c-57-43.85-104.6-101-141.09-147.22a197 197 0 0 1-18.78-25.9c43.7 40 112.7 90.22 137.48 104.12c-52.57-55.49-98.89-123.94-96.72-121.74c82.79 83.42 159.18 130.59 159.18 130.59c2.88 1.58 5 2.85 6.73 4a127 127 0 0 0 4.16-12.47c13.22-48.33-1.66-103.58-35.31-149.2C329.61 141.75 375 229.34 356.4 303.42c-.44 1.73-.95 3.4-1.44 5.09c38.52 47.4 28.04 98.17 23.13 88.59z"/></svg>
Swift アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:swift" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:swift" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:swift" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--swift]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:swift"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:swift"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-brands/swift.svg" alt="Swift アイコン" width="24" height="24">
Swift アイコン のよくある質問
Swift アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Swift アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-brands:swift" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Swift アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-brands/swift.svg" alt="Swift アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 5 Brands アイコン をすべて見る →
ICONYZ
