Sunbeams アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:sunbeams

Sunbeams アイコン(game-icons:sunbeams)は、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
タグ: sunbeam

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M17.488 17.883V27.1l31.72 13.17c-4.947 16.663-7.873 34.187-8.507 52.275L17.49 89.443v63.428l28.852-3.917a208 208 0 0 0 17.527 47.068l-46.38 19.193v85.652l77.298-60.297a211.3 211.3 0 0 0 36.154 31.762L17.487 419.047v74.812h79.15l80.544-197.33a208 208 0 0 0 45.746 11.35l-24.914 185.98H299.93L275.055 308.18a208 208 0 0 0 46.29-10.948l79.96 196.63h92.16v-58.548L368.043 273.34a211.3 211.3 0 0 0 35.68-30.682l89.742 69.053V221.18l-57.643-23.737a208.2 208.2 0 0 0 17.95-47.15l39.693 5.292v-68.31l-33.748 4.543a209.2 209.2 0 0 0-8.65-52.09l42.398-17.505v-4.338h-112.22l-42.282 32.527c-4.65-8.143-10.22-15.098-16.805-21.683l8.13-10.845H167.655l7.59 9.758c-6.94 6.73-12.477 14.34-17.346 22.767l-41.744-32.527zm416.22 29.012c4.37 15.116 6.913 31.006 7.392 47.43l-88.584 11.925c.04-1.177 0-2.065 0-3.254c0-7.216-.776-14.88-2.168-21.683zM66.57 47.48l78.856 32.747c-1.546 7.146-2.168 15.16-2.168 22.767c0 1.19-.04 2.075 0 3.254L59.31 95.03a190.5 190.5 0 0 1 7.262-47.55zm82.65 87.5c2.51 7.588 5.67 14.977 9.758 21.684l-77.84 32.21a189.5 189.5 0 0 1-16.204-42.446l84.287-11.448zm197.872 1.086l88.07 11.743a189.8 189.8 0 0 1-16.63 42.514l-81.74-33.658c3.9-6.395 7.833-13.4 10.3-20.6zm-171.852 41.74c5.61 5.437 11.178 10.017 17.89 14.096l-50.806 65.703a191.8 191.8 0 0 1-32.846-28.5l65.762-51.298zm144.203.003l69.49 53.47a191.7 191.7 0 0 1-32.296 27.33l-52.915-68.333c5.71-3.65 10.837-7.81 15.72-12.468zm-37.404 22.768l32.274 79.365a190 190 0 0 1-41.74 9.715L261.44 206.54c6.972-.943 14.133-3.712 20.6-5.962zm-66.138 1.084c6.534 2.07 13.58 4.128 20.6 4.88l-11.096 82.825a189.8 189.8 0 0 1-41.18-10.1z"/></svg>

Sunbeams アイコンの使い方

React

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

<Icon icon="game-icons:sunbeams" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:sunbeams" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:sunbeams" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:sunbeams"></iconify-icon>

HTML 画像

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

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

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →