Distress Signal アイコン

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

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

game-icons:distress-signal

Distress Signal アイコン(game-icons:distress-signal)は、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
タグ: distresssignal

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m68.79 19.5l57.51 69h23.4l-57.49-69zm185.31 0l59.4 178.3c5.5-2.1 11.2-4 17-5.7L273 19.5zm-92.2 83.7l-2.5 25.1l90.7 108.8c4.4-4.1 9-7.9 13.8-11.5zm-78.45 3.3l14.19 142h31.76l14.2-142zm302.05 96c-3.2 0-6.4.1-9.6.2L361 253.8l46.9-21.5l-3 43.1l40.5 12.4l-47.2 32.2l27 36.8l-51.8 11.6l8.3 53.6l-74.3-44.2l8.9-70.8l-28.4-44.7l58.9-55.7c-75.8 16.2-134 79.3-143.1 157.6l41.5-61.4l38.7 104.5l-29.9 12.5l80.4 40.5l-68.2 16.5l-52-26.6c5.7 15.2 13.4 29.4 22.7 42.3h150.2l78.5-65.2l-45.6-36l45.7-24.8l26.8 14.2V237c-30.1-21.7-67-34.5-107-34.5m-272 64c-12.8 0-23 10.2-23 23s10.2 23 23 23s23-10.2 23-23s-10.2-23-23-23m-94 11.1v18.7l60.11 16.2c-4.05-6-6.58-13-7.03-20.6zm268.4 7.3l4.2 42.1l-14.1 25.5l-15.3-51.2zM463.5 303l-15.4 43.4l-19.7-24.9zm-315.9 9.1c-4 6.1-9.7 11.1-16.3 14.3l57.9 15.6c1.4-5.9 2.9-11.7 4.7-17.4zm171.1 87.1l29.7 23.5l-18.3 25.4zm-131.4 20c-2.3.5-4.5 1-6.9 1.5c-69.9 15.5-126.2 28.2-160.9 35.9v18.5c32.9-7.4 91.7-20.5 164.8-36.8c2.3-.5 4.5-1 6.8-1.5c-1.5-5.8-2.8-11.7-3.8-17.6m175.3 9.4l42.9 15.9l-32.3 12.2z"/></svg>

Distress Signal アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:distress-signal"></iconify-icon>

HTML 画像

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

Distress Signal アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →