Godot Engine Icon
High-quality Godot Engine transparent PNG for web & print.
Optimized Godot Engine SVG vector code for developers.
Ready-to-use Godot Engine React icon component.
Use Godot Engine in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
How to use the Godot Engine Icon
Copy the Godot Engine icon as inline SVG, React code, HTML embed, or CSS mask.
Inline SVG
Paste the Godot Engine SVG directly into HTML or JSX.
React Component
Use Godot Engine as a typed React icon component.
import React from 'react';
export const GodotEngineIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Use a hosted Godot Engine icon URL with attribution.
CSS Mask
Use Godot Engine as a colorable CSS mask icon.
.godotengine-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #478cbf;
mask: url("https://www.aiuidesigner.com/icons/godotengine.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/godotengine.svg") center / contain no-repeat;
}Godot Engine Icon Details
Brand color
Category
Design
Formats
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG file
2.0 KB · 1 path
License
CC-BY-4.0
Source
godotengine.orgBrand guidelines
godotengine.orgAbout the Godot Engine Icon
The Godot Engine icon is available here as a brand icon asset in SVG format. It is categorized under Design and uses the brand color #478CBF. You can download it as a transparent PNG, copy the inline SVG, copy a React component, or embed it with HTML.
Use the source and brand guideline links on this page to verify current trademark usage rules before using the Godot Engine logo in commercial projects, documentation, UI mockups, or marketing pages.
Godot Engine Icon Frequently Asked Questions
Design a UI with the Godot Engine icon
Generate a complete page that already uses this icon, color, and brand context.