ICONYZ
English
Godot Light icon from Skill Icons

Godot Light icon

skill-icons:godot-light

The Godot Light icon (skill-icons:godot-light) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill 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
Skill Icons
Author
tandpfun
License
MIT
Size
256 × 256
Tags
godotlight
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#fff" d="M222.017 163.681s-.312-1.889-.495-1.872l-34.75 3.307c-2.765.263-4.912 2.438-5.106 5.17l-.955 13.495l-26.884 1.892l-1.829-12.231c-.407-2.72-2.816-4.77-5.604-4.77h-36.676c-2.787 0-5.196 2.05-5.603 4.77l-1.83 12.231l-26.884-1.892l-.954-13.495c-.194-2.733-2.342-4.908-5.107-5.171l-34.767-3.306c-.18-.017-.311 1.874-.49 1.874l-.048 7.416l29.445 4.683l.964 13.615c.195 2.756 2.45 4.985 5.247 5.183l37.025 2.605q.21.014.417.015c2.782 0 5.187-2.052 5.594-4.772l1.881-12.584h26.897l1.881 12.584c.407 2.719 2.814 4.771 5.601 4.771q.204 0 .406-.014l37.03-2.605c2.795-.198 5.051-2.427 5.246-5.183l.964-13.615l29.432-4.704z"/><path fill="#478cbf" d="M34.082 107.758v55.923q.156.001.31.014l34.763 3.306c1.821.173 3.248 1.618 3.375 3.418l1.072 15.134l30.324 2.134l2.089-13.968c.271-1.811 1.846-3.153 3.704-3.153h36.676c1.856 0 3.432 1.342 3.702 3.153l2.089 13.968l30.325-2.134l1.071-15.134c.128-1.8 1.554-3.244 3.375-3.418l34.75-3.306q.155-.013.309-.014v-4.462l.015-.005v-51.456h.128c4.606-5.797 8.867-11.905 12.954-18.422c-5.428-9.112-12.078-17.255-19.186-24.8c-6.592 3.273-12.995 6.98-19.043 10.926c-3.026-2.967-6.435-5.394-9.783-7.93c-3.289-2.606-6.996-4.516-10.512-6.742c1.046-7.689 1.564-15.257 1.772-23.157c-9.072-4.503-18.746-7.489-28.532-9.633c-3.907 6.476-7.479 13.489-10.591 20.345c-3.69-.608-7.397-.834-11.109-.877v-.006c-.026 0-.05.006-.072.006c-.023 0-.047-.006-.07-.006v.006c-3.719.043-7.423.269-11.114.877c-3.11-6.856-6.681-13.869-10.594-20.345c-9.78 2.145-19.456 5.13-28.527 9.633c.208 7.9.725 15.468 1.775 23.157c-3.523 2.226-7.225 4.136-10.516 6.742c-3.343 2.536-6.757 4.963-9.784 7.93c-6.048-3.945-12.45-7.653-19.044-10.925C33.075 72.08 26.43 80.224 21 89.337c4.085 6.516 8.349 12.624 12.953 18.421z"/><path fill="#478cbf" d="m190.83 174.05l-1.077 15.215c-.129 1.834-1.609 3.293-3.468 3.425l-37.029 2.606q-.135.009-.27.009c-1.84 0-3.427-1.332-3.699-3.154l-2.124-14.202H112.95l-2.124 14.202c-.285 1.911-2.018 3.286-3.969 3.145l-37.03-2.606c-1.859-.132-3.338-1.591-3.467-3.425l-1.077-15.215l-31.259-2.972c.015 3.313.058 6.943.058 7.666c0 32.558 41.879 48.208 93.911 48.388h.127c52.032-.18 93.896-15.83 93.896-48.388c0-.736.046-4.351.061-7.666z"/><path fill="#fff" d="M99.727 130.459c0 11.415-9.379 20.663-20.95 20.663c-11.565 0-20.947-9.248-20.947-20.663c0-11.408 9.382-20.651 20.947-20.651c11.571 0 20.95 9.243 20.95 20.651"/><path fill="#414042" d="M94.686 131.684c0 7.572-6.223 13.709-13.906 13.709c-7.68 0-13.906-6.137-13.906-13.709S73.1 117.97 80.78 117.97c7.683 0 13.906 6.142 13.906 13.714"/><path fill="#fff" d="M128.055 153.001c-3.725 0-6.743-2.707-6.743-6.044v-19.02c0-3.334 3.018-6.044 6.743-6.044c3.724 0 6.749 2.71 6.749 6.044v19.02c0 3.337-3.025 6.044-6.749 6.044m28.331-22.542c0 11.415 9.379 20.663 20.952 20.663c11.564 0 20.945-9.248 20.945-20.663c0-11.408-9.381-20.651-20.945-20.651c-11.573 0-20.952 9.243-20.952 20.651"/><path fill="#414042" d="M161.428 131.684c0 7.572 6.221 13.709 13.899 13.709c7.685 0 13.906-6.137 13.906-13.709s-6.221-13.714-13.906-13.714c-7.678 0-13.899 6.142-13.899 13.714"/></g></svg>

How to use the Godot Light icon

React

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

<Icon icon="skill-icons:godot-light" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:godot-light" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:godot-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--godot-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:godot-light"></div>

Web component

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

<iconify-icon icon="skill-icons:godot-light"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/skill-icons/godot-light.svg" alt="Godot Light icon" width="24" height="24">

Related icons in Skill Icons

godot-dark icon
godot-dark

Godot Light icon FAQ

Is the Godot Light icon free for commercial use?

Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Godot Light icon in React?

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

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

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

Browse all Skill Icons →