Godotengine アイコン
simple-icons:godotengine
Godotengine アイコン(simple-icons:godotengine)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.56.683c-1.096.244-2.181.583-3.199 1.095c.023.898.081 1.758.2 2.632c-.396.253-.81.47-1.179.766c-.375.288-.758.564-1.097.902A21 21 0 0 0 2.15 4.836C1.353 5.693.608 6.62 0 7.655c.458.74.936 1.435 1.452 2.094h.014v6.356q.018 0 .035.003l3.896.376a.42.42 0 0 1 .378.39l.12 1.72l3.4.241l.234-1.587a.42.42 0 0 1 .415-.358h4.111c.208 0 .385.152.415.358l.234 1.587l3.4-.242l.12-1.72a.42.42 0 0 1 .377-.389l3.896-.376l.035-.003v-.507h.002V9.75h.014c.516-.66.994-1.353 1.452-2.094c-.608-1.036-1.354-1.961-2.151-2.82c-.74.372-1.457.793-2.135 1.242c-.34-.337-.721-.613-1.096-.901c-.37-.296-.785-.514-1.179-.767c.117-.874.175-1.734.2-2.632c-1.018-.512-2.102-.85-3.199-1.095a23 23 0 0 0-1.187 2.312a8 8 0 0 0-1.246-.099h-.016c-.417.005-.832.03-1.246.1A23 23 0 0 0 9.557.682zM6.476 9.989a2.349 2.349 0 1 1 .001 4.697a2.349 2.349 0 0 1 0-4.697m11.05 0a2.349 2.349 0 1 1-.001 4.697a2.349 2.349 0 0 1 0-4.697m-10.824.93a1.559 1.559 0 1 0 0 3.118a1.559 1.559 0 0 0 0-3.118m10.598 0a1.558 1.558 0 1 0 0 3.116a1.558 1.558 0 0 0 0-3.116m-5.3.453c.417 0 .757.308.757.687v2.162c0 .38-.339.687-.757.687s-.756-.308-.756-.687V12.06c0-.379.339-.687.756-.687M1.46 16.947c.001.377.005.79.005.871c0 3.702 4.695 5.48 10.527 5.5h.014c5.833-.02 10.526-1.798 10.526-5.5c0-.084.005-.495.007-.87l-3.502.338l-.121 1.729a.42.42 0 0 1-.39.39l-4.18.296a.42.42 0 0 1-.416-.358l-.238-1.614h-3.386l-.238 1.614a.42.42 0 0 1-.445.357l-4.151-.296a.42.42 0 0 1-.39-.39l-.12-1.729l-3.504-.337z"/></svg>Godotengine アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:godotengine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:godotengine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:godotengine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--godotengine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:godotengine"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:godotengine"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/godotengine.svg" alt="Godotengine アイコン" width="24" height="24">Godotengine アイコン のよくある質問
Godotengine アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Godotengine アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:godotengine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Godotengine アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/godotengine.svg" alt="Godotengine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。