ICONYZ
English
Godot Engine icon from theSVG Color

Godot Engine icon

thesvg-color:godot-engine

The Godot Engine icon (thesvg-color:godot-engine) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 256 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
theSVG Color
Author
thesvg.org
License
MIT
Size
256 × 256
Tags
godotengine
Download SVG

SVG code

<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>

How to use the Godot Engine icon

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 component

<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 image

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

Related icons in theSVG Color

godot icon
godot

Godot Engine icon in other icon sets

Godot Engine icon from CoreUI Brands
CoreUI Brands
 Godot Engine icon from theSVG
theSVG

Godot Engine icon FAQ

Is the Godot Engine icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Godot Engine icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:godot-engine" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Godot Engine icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/godot-engine.svg" alt="Godot Engine icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →