Swan アイコン
game-icons:swan
Swan アイコン(game-icons:swan)は、Game Icons セットの無料 SVG アイコンです(作者: GameIcons)。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M372.67 44.934c-50.275.005-92.476 43.57-38.934 163.87c29.137 16.804 41.594 46.767 33.48 74.848c-9.168 31.735-42.353 59.517-96.597 68.084c-45.02 7.11-88.46 2.42-122.915-22.218c-14.895-10.65-27.867-24.905-38.502-43.088c-26.314-8.87-48.678-17.086-61.224-23.25c-.197 10.192 1.916 21.786 6.594 33.963l-35.842-4.432l52.14 39.779l-26.95 11.895l53.35 11.676c10.984 9.717 23.94 18.99 39.07 27.38l-.002.007c26.098 14.475 195.407 11.62 218.51.578c67.333-32.17 71.596-90.7 28.552-167.472c-57.378-102.34-31.747-134.085 3.034-133.07c.93 10.53 6.27 21.943 15.593 31.288c5.74 5.757 12.266 9.993 18.886 12.623c19.37 11.416 38.896 19.675 62.072 20.81c5.712.08 9.144-9.696 3.487-10.238c-11.602-2.262-21.402-8.37-29.352-15.912c11.712-12.976 7.85-36.605-8.994-53.49c-11.038-11.06-24.963-16.53-36.898-15.692c-12.41-5.107-25.747-7.938-38.562-7.936zm56.598 37.433c6.16 0 10.95 4.793 10.95 10.953c0 6.157-4.79 10.95-10.95 10.95s-10.954-4.793-10.954-10.95s4.795-10.953 10.954-10.953m-208.653 118.95c-6.108.034-12.128.27-18.18.607c-29.242 1.63-59.597 5.87-101.03 1.365c28.59 40.045 73.354 51.978 116.91 49.04c-32.74 15.03-75.678 8.755-108.41-10.848q.713 2.22 1.454 4.38c17.087 33.357 62.417 42.17 88.845 42.066c-16.554 11.997-42.21 12.406-65.994 2.386c7.334 9.737 15.51 17.67 24.366 24.002c29.323 20.968 67.166 25.59 109.127 18.96c49.298-7.785 74.954-31.945 81.56-54.81c6.607-22.867-3.598-45.977-34.556-58.134c-36.452-14.313-63.225-18.523-87.95-18.975q-3.089-.055-6.142-.04zM64.14 378.278c-29.424 5.99-46.933 13.47-46.933 21.588c0 19.668 102.56 35.612 229.072 35.612s229.072-15.944 229.072-35.612c0-8.098-17.424-15.562-46.72-21.545c12.117 3.613 18.923 7.643 18.923 11.895c0 15.515-90.098 28.092-201.24 28.092c-111.14 0-201.24-12.577-201.24-28.092c0-4.27 6.858-8.314 19.064-11.938z"/></svg>Swan アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:swan" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:swan" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:swan" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--swan]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:swan"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:swan"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/swan.svg" alt="Swan アイコン" width="24" height="24">Game Icons の関連アイコン
他のアイコンセットの Swan アイコン
Swan アイコン のよくある質問
Swan アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Swan アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:swan" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Swan アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/swan.svg" alt="Swan アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。