Lighter アイコン
game-icons:lighter
Lighter アイコン(game-icons:lighter)は、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="M128.531 24.513L41.26 79.218c-4.237 2.655-7.888 8.224-9.338 14.545s-.59 12.923 2.066 17.16l93.477 149.123c2.655 4.236 8.222 7.888 14.543 9.338s12.923.591 17.16-2.065l87.273-54.705zm306.969.19c32.33 85.822-99.89 67.288-83.393 116.667l24.788 8.483c39.2-6.48 60.512-25.838 27.744-39.096c35.64-7.755 50.043 25.379 25.478 48.38c-2.638 2.471-5.253 4.53-7.834 6.245l15.924 5.45c65.99-10.819 47.478-101.744-2.707-146.13zm-92.781 132.48l-4.531 13.246l21.761 7.445l-5.828 17.031l-21.762-7.445l-9.71 28.385l88.937 30.43l4.531-13.247l-21.76-7.445l5.827-17.031l21.761 7.447l9.711-28.385zm-60.826 21.916a32 32 0 0 0-26.896 13.272l8.745 13.95l17.535-4.632l24.34 8.328l4.281-12.514a31.98 31.98 0 0 0-28.005-18.404m161.265 30.508l-14.197 41.488a23.3 23.3 0 0 0 6.277 3.273c12.12 4.147 25.062-2.197 29.21-14.316c4.146-12.12-2.198-25.06-14.317-29.207a23.3 23.3 0 0 0-6.973-1.238m-162.55 10.876l-24.401 6.448l201.102 68.81l-15.336-20.045l-161.366-55.213zm-34.702 21.95l-54.062 158.006c-1.619 4.73-.95 11.354 1.904 17.177s7.68 10.41 12.41 12.03l166.522 56.978c4.73 1.619 11.354.948 17.177-1.906s10.411-7.68 12.03-12.41l54.064-158.006l-210.045-71.87z"/></svg>Lighter アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:lighter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:lighter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:lighter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--lighter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:lighter"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:lighter"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/lighter.svg" alt="Lighter アイコン" width="24" height="24">他のアイコンセットの Lighter アイコン
Lighter アイコン のよくある質問
Lighter アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Lighter アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:lighter" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lighter アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/lighter.svg" alt="Lighter アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。