Amaze icon

cbi:amaze

The Amaze icon (cbi:amaze) 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="M11.117 16.255a21.7 21.7 0 0 1-6.769-1.135a9 9 0 0 1-1.062-.5C2.438 14.121 2 13.567 2 12.982a1.2 1.2 0 0 1 .047-.354a4.7 4.7 0 0 1 .341-.915a6.33 6.33 0 0 1 3.371-2.907a15 15 0 0 1 4.928-1.032a18 18 0 0 1 1.338-.032c.695 0 .84 0 1.331.032a13.26 13.26 0 0 1 6.013 1.566c.183.109.451.289.61.407a5.14 5.14 0 0 1 1.949 2.735a1.2 1.2 0 0 1 .07.457a1 1 0 0 1-.054.391q-.291.9-2 1.63a19.9 19.9 0 0 1-5.892 1.218c-.352.027-.734.049-1.231.07c-.256.01-1.426.017-1.708.006Zm1.535-.177a30 30 0 0 0 1.581-.089a16.2 16.2 0 0 0 5.734-1.346c.859-.442 1.363-.953 1.479-1.5a1 1 0 0 0 .014-.223a.9.9 0 0 0-.056-.37c-.254-.765-1.3-1.452-2.987-1.953a23 23 0 0 0-.773-.213a20 20 0 0 0-1.424-.272a28.2 28.2 0 0 0-7.553-.111a18.3 18.3 0 0 0-3.399.724c-1.946.626-2.941 1.5-2.762 2.435c.1.536.6 1.04 1.451 1.48a12 12 0 0 0 2.9.956a25 25 0 0 0 4.327.478c.141 0 .284.011.315.011c.11.007.959 0 1.159-.011m-1.559-.365a23.6 23.6 0 0 1-4.876-.621a8.4 8.4 0 0 1-2.578-1.023a1.6 1.6 0 0 1-.812-1.024c-.055-.413.262-.857.9-1.26a14.6 14.6 0 0 1 6.154-1.523a27 27 0 0 1 2.307-.07c.674.006 1.093.02 1.674.059c2.942.2 5.391.83 6.555 1.7a1.29 1.29 0 0 1 .664 1.084a1.14 1.14 0 0 1-.358.666a3.5 3.5 0 0 1-.994.681a15.1 15.1 0 0 1-4.964 1.208a30 30 0 0 1-1.742.121c-.232.009-1.663.013-1.931.007m1.074-.95a.7.7 0 0 0 .287-.158a.64.64 0 0 0-.09-1.007a.6.6 0 0 0-.358-.105a.65.65 0 0 0-.647.56a.6.6 0 0 0 .061.363a.66.66 0 0 0 .483.359a1 1 0 0 0 .264-.014Zm.285-2.562a11.5 11.5 0 0 0 3.342-.754c.278-.111.306-.126.336-.192a.2.2 0 0 0 0-.14a.2.2 0 0 0-.111-.094c-.068-.018-1.128-.111-1.829-.162a22 22 0 0 0-3.281-.054c-.782.051-1.717.137-2.757.254c-.439.05-.584.068-.611.079a.17.17 0 0 0-.093.11a.15.15 0 0 0 .014.127c.03.065.073.084.43.2a14 14 0 0 0 3.449.643q.555.012 1.112-.011Z"/></svg>

How to use the Amaze icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Custom Brand Icons

Amaze icon in other icon sets

Amaze icon FAQ

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

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

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

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

Browse all Custom Brand Icons →