Geely icon
cbi:geely
The Geely icon (cbi:geely) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.362 12.924h-2.25c-.132 0-.19-.041-.19-.172v-2.305c0-.095-.035-.1-.106-.1h-.75c-.076 0-.1 0-.1.1v2.226c0 .741.265.981.987.981h2.421c.089 0 .089-.029.089-.105v-.516c0-.075 0-.109-.1-.109Zm-4.109-2.577h-2.424c-.664 0-1.063.211-1.063.907v1.494c0 .7.4.906 1.071.906h2.416c.1 0 .09-.029.09-.1v-.517c0-.07 0-.1-.09-.1h-2.375c-.106 0-.161-.039-.161-.146v-.453h2.471c.095 0 .09-.03.09-.1v-.51c0-.075 0-.1-.09-.1h-2.471v-.421c0-.105.055-.145.161-.145h2.375c.1 0 .09-.03.09-.105v-.512c0-.067.009-.098-.09-.098m-4.119 0H7.711c-.664 0-1.072.211-1.072.907v1.494c0 .7.411.906 1.072.906h2.423c.094 0 .094-.029.094-.1v-.517c0-.07 0-.1-.094-.1H7.763c-.1 0-.161-.039-.161-.146v-.453h2.466c.1 0 .1-.03.1-.1v-.51c0-.075 0-.1-.1-.1H7.6v-.421c0-.105.056-.145.161-.145h2.371c.094 0 .094-.03.094-.105v-.512c.009-.067.009-.098-.092-.098m-4.21 0H3.077c-.672 0-1.077.211-1.077.907v1.494c0 .7.4.906 1.077.906h2.847c.095 0 .09-.029.09-.1V11.73c0-.075 0-.1-.09-.1H3.573c-.095 0-.089.025-.089.1v.512c0 .07 0 .1.089.1h1.482v.6H3.117c-.1 0-.159-.039-.159-.146v-1.587c0-.105.058-.145.159-.145h2.807c.095 0 .09-.03.09-.105v-.512c0-.069 0-.1-.09-.1m16.006 0h-.866a.34.34 0 0 0-.282.11l-1.2 1.309l-1.182-1.309a.35.35 0 0 0-.287-.11h-.866c-.069 0-.1.036-.014.125l1.878 2.065v1.023c0 .094.03.094.106.094h.751c.07 0 .1 0 .1-.094v-1.023l1.883-2.065c.079-.089.054-.125-.021-.125"/></svg>How to use the Geely icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:geely" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:geely" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:geely" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--geely]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:geely"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:geely"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/geely.svg" alt="Geely icon" width="24" height="24">Geely icon FAQ
Is the Geely icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Geely icon in React?
Install @iconify/react and render <Icon icon="cbi:geely" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Geely icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/geely.svg" alt="Geely icon">, or paste the SVG code inline to style it with CSS.