Swift アイコン

Q: Swift アイコンは商用利用でも無料ですか?

はい。Griddy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

griddy-icons:swift

Swift アイコン(griddy-icons:swift)は、Griddy Icons セットの無料 SVG アイコンです（作者: Zuzana Benova）。 24 × 24 のグリッドで描かれています。 Griddy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Griddy Icons
作者: Zuzana Benova
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.925 6.25a3.8 3.8 0 0 0-.375-1.125a3.7 3.7 0 0 0-.695-.955c-.29-.29-.61-.51-.95-.7a3.9 3.9 0 0 0-1.12-.375c-.39-.07-.78-.1-1.19-.1c-.185 0-9.33 0-9.415.015a8 8 0 0 0-.885.085c-.29.05-.58.135-.85.24c-.085.035-.185.085-.27.12c-.27.135-.51.305-.75.495c-.07.07-.155.135-.22.205a3.87 3.87 0 0 0-1.07 2.08c-.07.39-.085.785-.1 1.19v9.135c.015.39.035.8.1 1.19s.185.765.375 1.125c.185.355.41.68.695.955c.29.29.61.51.95.695c.355.19.73.305 1.12.375s.78.1 1.19.1h9.125c.39-.015.8-.035 1.19-.1c.39-.07.765-.185 1.12-.375c.355-.185.68-.41.95-.695c.29-.29.51-.615.695-.955c.185-.355.305-.73.375-1.125s.07-11.11 0-11.5zM17.8 17.96c-.78-1.54-2.205-1.155-2.935-.77c-.065.035-.13.085-.195.115c0 .015-.015.015-.015.015c-1.51.835-3.55.885-5.59-.015a9.1 9.1 0 0 1-4.035-3.58c.47.35.975.67 1.51.92c2.155 1.055 4.33.97 5.87 0c-2.19-1.74-4.02-4-5.415-5.84c-.26-.32-.505-.67-.715-1.02c1.685 1.57 4.33 3.565 5.285 4.115C9.555 9.71 7.77 7 7.855 7.085c3.175 3.295 6.11 5.17 6.11 5.17c.115.05.195.1.26.15c.065-.165.115-.335.16-.5c.505-1.905-.065-4.1-1.36-5.905c2.95 1.825 4.685 5.3 3.97 8.23l-.05.2c1.49 1.875 1.085 3.88.86 3.53z"/></svg>

Swift アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="griddy-icons:swift" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="griddy-icons:swift" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="griddy-icons:swift" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[griddy-icons--swift]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/griddy-icons -->
<div class="i-griddy-icons:swift"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="griddy-icons:swift"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/griddy-icons/swift.svg" alt="Swift アイコン" width="24" height="24">

他のアイコンセットの Swift アイコン

Swift アイコンのよくある質問

Swift アイコンは商用利用でも無料ですか?

はい。Griddy Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Swift アイコンを使うには?

@iconify/react をインストールして <Icon icon="griddy-icons:swift" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Swift アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/griddy-icons/swift.svg" alt="Swift アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Griddy Icons をすべて見る →