Xiaomi Logo icon
cbi:xiaomi-logo
The Xiaomi Logo icon (cbi:xiaomi-logo) 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
- Tags
- xiaomilogo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.94 4.614v-.235h-.038l-.04-.311h-.038V3.95h-.04l-.039-.194h-.038l-.04-.156h-.039v-.079l-.077-.038l-.039-.156l-.078-.04V3.21l-.156-.118v-.078l-.079-.039l-.234-.273h-.077l-.116-.156h-.079l-.038-.077l-.156-.04l-.04-.077h-.077v-.04l-.157-.039v-.04l-.195-.038v-.039h-.117v-.039l-.311-.04V2.04h-.195V2H4.594c-.097.087-.25.032-.39.079v.038l-.232.039v.039h-.08v.038h-.117v.04l-.156.039v.04h-.078l-.039.077l-.156.04l-.077.116h-.08l-.078.117h-.077l-.039.079l-.274.233v.078l-.116.079v.077l-.117.079l-.039.156l-.078.038V3.6h-.038l-.039.156h-.04v.117h-.038v.077h-.039v.118h-.041v.117h-.037v.194h-.038v.195H2.02V19.4h.041l.039.389h.038l.04.236h.039l.038.194h.04l.038.155h.039v.08l.078.037l.039.156l.117.079v.078l.116.079v.076l.078.04l.196.234h.077l.117.156l.117.039l.039.078l.156.039l.039.079h.078v.038l.156.039v.04l.196.039v.038h.116v.04l.311.039v.038h.196v.039h13.175a7.4 7.4 0 0 0 1.599-.039h.233v-.038l.312-.039v-.04h.117v-.039l.195-.038v-.04l.157-.039v-.038h.077l.04-.079l.156-.039l.038-.078l.117-.039l.078-.117h.077l.04-.077l.273-.236v-.076l.117-.079v-.078l.117-.079l.039-.154l.077-.039v-.08h.039l.04-.155h.038l.039-.194h.04v-.118h.038l.039-.311h.039v-.234h.04V4.614ZM11.529 16.326H9.528v-5.493h2Zm3.468.006h-1.862c-.009-.201-.024-.39-.026-.579c-.017-1.645-.002-3.291-.055-4.934c-.037-1.111-.437-1.542-1.427-1.586c-1.141-.05-2.285-.033-3.429-.042a1.3 1.3 0 0 0-.253.061v7.07H5.998c-.008-.175-.025-.335-.025-.494c-.001-2.664.008-5.329-.01-7.994c-.002-.438.112-.561.497-.552c1.979.042 3.959.053 5.938.078a2.5 2.5 0 0 1 .393.042c1.517.283 2.11.884 2.185 2.614c.089 2.081.021 4.17.021 6.316m3.604-.004h-1.936c-.01-.157-.028-.314-.028-.47c-.002-2.682.005-5.365-.009-8.048c-.002-.411.104-.557.472-.526a12 12 0 0 0 1.187.005c.216-.005.318.074.318.339c-.006 2.879-.004 5.758-.004 8.7"/></svg>How to use the Xiaomi Logo icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:xiaomi-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:xiaomi-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:xiaomi-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--xiaomi-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:xiaomi-logo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:xiaomi-logo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/xiaomi-logo.svg" alt="Xiaomi Logo icon" width="24" height="24">Related icons in Custom Brand Icons
Xiaomi Logo icon FAQ
Is the Xiaomi Logo 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 Xiaomi Logo icon in React?
Install @iconify/react and render <Icon icon="cbi:xiaomi-logo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Xiaomi Logo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/xiaomi-logo.svg" alt="Xiaomi Logo icon">, or paste the SVG code inline to style it with CSS.