Umage icon

cbi:umage

The Umage icon (cbi:umage) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22 14.153a15.1 15.1 0 0 0-6.249-2.463c-.212-.027-1.811-.048-3.49-.048c-1.759 0-3.606.023-4.039.086A12.95 12.95 0 0 0 2 14.156a108 108 0 0 1 20-.003m-6.6-3.917a5 5 0 0 1 .178 1.24a.25.25 0 0 0 .151.023v-.009a3.4 3.4 0 0 0-.225-1.4a.12.12 0 0 0-.067.04a.13.13 0 0 0-.037.106m-9.083-.591h.021a3 3 0 0 0 .26.051c.081.012.217.031.5.078l.457.074a5 5 0 0 1 .6.159c.087.045.171.078.251.111a1.57 1.57 0 0 1 .689.464a7 7 0 0 1 .707.945c1.353-.023 3.228-.022 4.517-.007l.034-.07a2 2 0 0 1 .252-.409a4.3 4.3 0 0 1 .729-.723l-.018-.066a.23.23 0 0 1 .113-.231a.11.11 0 0 1 .136 0a.3.3 0 0 1 .065.1a5 5 0 0 1 .6-.215a7 7 0 0 1 1.1-.2a3.5 3.5 0 0 0 .638-.115h.008c.186-.062.189-.063.189-.165a.43.43 0 0 0-.2-.162a1.2 1.2 0 0 0-.411-.132h-.008c-.52-.084-.52-.084-1.1-.151a25 25 0 0 0-2.545-.2l-.137-.007a27 27 0 0 0-1.647-.035c-.606 0-.628 0-1.8.045h-.1l-.265.009a24 24 0 0 0-3.052.263c-.6.1-.927.245-.931.337a.2.2 0 0 0 .043.099a.52.52 0 0 0 .305.154m5.798-1.039c.737 0 .9 0 1.383.024V6.763a.42.42 0 0 0-.42-.42h-2.071a.41.41 0 0 0-.41.41v1.889c.895-.035.964-.035 1.518-.035m-3.783 2.952a.26.26 0 0 0 .151-.025a5 5 0 0 1 .157-1.163a2 2 0 0 0-.158-.078a5.2 5.2 0 0 0-.154 1.257c0 .007.001.007.004.009m.811 2.777l.162-.11l-.24-.35l-.233.007Zm5.851.054l.354-.51l-.233-.008l-.282.408Zm-3.027.009h.2v-.577h-.2Zm3.049.113l-.3-.211l.111-.16l-.042-.034h-2.534v.379h-.372v-.379h-2.51l-.025.019l.083.12l-.307.21l-.061-.09A4.57 4.57 0 0 0 7.8 16.443h8.434a4.4 4.4 0 0 0-1.134-2.051Zm-5.218 3.145l4.474-.021l.147-.988H9.674Z"/></svg>

How to use the Umage icon

React

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

<Icon icon="cbi:umage" width="24" />

Vue

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

<template>
  <Icon icon="cbi:umage" width="24" />
</template>

Svelte

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

<Icon icon="cbi:umage" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--umage]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:umage"></div>

Web component

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

<iconify-icon icon="cbi:umage"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/umage.svg" alt="Umage icon" width="24" height="24">

Related icons in Custom Brand Icons

Umage icon FAQ

Is the Umage 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 Umage icon in React?

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

How do I add the Umage icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/umage.svg" alt="Umage icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →