Godot Engine アイコン

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

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

thesvg-color:godot-engine

Godot Engine アイコン(thesvg-color:godot-engine)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 256 × 256 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 256 × 256
タグ: godotengine

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><path fill="#fff" d="M229.81 168.288s-.338-2.075-.536-2.056l-37.653 3.633a6.12 6.12 0 0 0-5.533 5.681l-1.034 14.826l-29.13 2.078l-1.982-13.437c-.441-2.989-3.051-5.242-6.072-5.242h-39.74c-3.02 0-5.63 2.253-6.071 5.242l-1.983 13.437l-29.13-2.078l-1.034-14.826a6.12 6.12 0 0 0-5.533-5.682l-37.672-3.632c-.195-.019-.337 2.058-.532 2.058l-.05 8.148l31.904 5.145l1.044 14.959c.212 3.028 2.655 5.477 5.685 5.694l40.119 2.862q.227.016.451.017c3.015 0 5.621-2.254 6.062-5.243l2.039-13.826h29.143l2.039 13.826c.44 2.988 3.049 5.242 6.068 5.242q.223 0 .44-.016l40.124-2.862c3.029-.217 5.473-2.666 5.685-5.694l1.043-14.959l31.891-5.167z"/><path fill="#478cbf" d="M26.175 106.847v61.441q.168 0 .336.016l37.667 3.631a4.06 4.06 0 0 1 3.657 3.756l1.162 16.628l32.857 2.344l2.264-15.346c.293-1.99 2-3.465 4.012-3.465h39.741a4.055 4.055 0 0 1 4.011 3.465l2.264 15.346l32.858-2.344l1.161-16.628a4.06 4.06 0 0 1 3.657-3.756l37.653-3.631a4 4 0 0 1 .335-.016v-4.903l.015-.005v-56.533c5.304-6.678 10.327-14.043 14.175-20.24c-5.881-10.01-13.086-18.957-20.788-27.246c-7.143 3.595-14.081 7.668-20.634 12.003c-3.279-3.26-6.973-5.926-10.6-8.713c-3.564-2.863-7.581-4.962-11.391-7.407c1.134-8.447 1.695-16.763 1.921-25.442c-9.83-4.947-20.313-8.227-30.916-10.583c-4.233 7.115-8.104 14.82-11.476 22.352c-3.998-.668-8.015-.916-12.037-.964v-.006c-.029 0-.055.006-.078.006c-.025 0-.051-.006-.076-.006v.006c-4.03.048-8.044.296-12.043.964c-3.37-7.532-7.239-15.237-11.478-22.352c-10.598 2.356-21.082 5.636-30.91 10.583c.224 8.68.785 16.995 1.922 25.442c-3.817 2.446-7.828 4.544-11.394 7.407c-3.622 2.787-7.322 5.453-10.602 8.713c-6.553-4.335-13.489-8.408-20.634-12.003C25.084 67.65 17.883 76.596 12 86.607c4.623 7.257 9.582 14.551 14.175 20.24"/><path fill="#478cbf" d="m196.018 179.681l-1.167 16.716a4.06 4.06 0 0 1-3.758 3.763l-40.122 2.863a4.057 4.057 0 0 1-4.301-3.455l-2.301-15.604h-32.738l-2.301 15.604a4.053 4.053 0 0 1-4.301 3.455l-40.122-2.863a4.06 4.06 0 0 1-3.758-3.763l-1.166-16.716l-33.87-3.266c.015 3.64.062 7.628.062 8.422c0 35.772 45.378 52.965 101.756 53.163h.138c56.379-.198 101.741-17.391 101.741-53.163c0-.808.049-4.78.065-8.422z"/><path fill="#fff" d="M97.304 131.788c0 12.542-10.162 22.702-22.7 22.702c-12.532 0-22.697-10.16-22.697-22.702c0-12.534 10.165-22.688 22.697-22.688c12.538 0 22.7 10.154 22.7 22.688"/><path fill="#414042" d="M91.842 133.134c0 8.319-6.743 15.062-15.068 15.062c-8.32 0-15.068-6.743-15.068-15.062s6.747-15.067 15.068-15.067c8.325 0 15.068 6.748 15.068 15.067"/><path fill="#fff" d="M127.998 156.555c-4.035 0-7.306-2.974-7.306-6.64v-20.898c0-3.663 3.271-6.64 7.306-6.64s7.314 2.977 7.314 6.64v20.898c0 3.666-3.278 6.64-7.314 6.64m30.699-24.767c0 12.542 10.162 22.702 22.702 22.702c12.53 0 22.694-10.16 22.694-22.702c0-12.534-10.164-22.688-22.694-22.688c-12.54 0-22.702 10.154-22.702 22.688"/><path fill="#414042" d="M164.16 133.134c0 8.319 6.74 15.062 15.059 15.062c8.328 0 15.068-6.743 15.068-15.062s-6.74-15.067-15.068-15.067c-8.319 0-15.059 6.748-15.059 15.067"/></g></svg>

Godot Engine アイコンの使い方

React

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

<Icon icon="thesvg-color:godot-engine" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:godot-engine" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:godot-engine" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--godot-engine]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:godot-engine"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:godot-engine"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/godot-engine.svg" alt="Godot Engine アイコン" width="24" height="24">

theSVG Color の関連アイコン

他のアイコンセットの Godot Engine アイコン

Godot Engine アイコンのよくある質問

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

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

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

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

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

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

theSVG Color アイコンをすべて見る →