Stage Light icon

cbi:stage-light

The Stage Light icon (cbi:stage-light) 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: stagelight

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="M9.368 2.434L9.398 2h-.749v.753l-.239-.038a38 38 0 0 1-.606-.103a3.5 3.5 0 0 0-.917 0c-.822.098-.809.071-.809 1.722v1.357l-.396.246c-1.73 1.072-3.021 3.182-2.58 4.215c.099.232 4.383 4.292 4.516 4.279c.02 0 .466-.621.991-1.376c.869-1.246 1.001-1.402 1.451-1.712c.605-.417.52-.42 1.159.048l.533.389l.309-.159a6.5 6.5 0 0 0 1.014-.859l.703-.7l-.983-.918l-.984-.917l-.021-2.363l-.021-2.364l-.188-.153a2.9 2.9 0 0 0-1.215-.316l-1.024-.162l.029-.435M7.199 4.172a4 4 0 0 1 .094-1.113a3 3 0 0 1 1.356.317c0 .217.424.281.621.095c.109-.098.178-.101.683-.017c.776.127.752.058.753 2.114v1.679l-1.047-.962C8.471 5.199 8.232 5.073 7.534 5.207l-.358.068l.019-1.099m.96 1.855c.07-.198.336 0 1.997 1.507c1.824 1.65 1.889 1.719 1.693 1.79a35 35 0 0 1-3.692-3.297m-.969.217c-.016-.263.252-.061 1.944 1.462c1.592 1.432 2.033 1.912 1.694 1.846a43 43 0 0 1-3.638-3.305m-1.55.869c0-.157.139-.17.291-.028a.5.5 0 0 1 .149.326v.184l-.217-.198a.7.7 0 0 1-.217-.283m2.901 1.531C7.278 7.501 7.163 7.377 7.188 7.188c.015-.108.043-.174.064-.135s.663.641 1.431 1.34c1.303 1.179 1.592 1.51 1.345 1.51a15 15 0 0 1-1.487-1.251M4.968 7.588c0-.194.286-.065.682.309c.32.303.42.447.42.601c0 .197-.016.187-.55-.309a3 3 0 0 1-.552-.601m-.501.652c-.046-.238.182-.109.889.518c.595.524.717.667.716.835c0 .222-1.553-1.086-1.605-1.353M8.159 9.5c-.794-.732-.995-.953-.977-1.086a8.1 8.1 0 0 1 2.199 1.912c0 .243-.188.108-1.212-.829m-4.152-.529c0-.243.325-.031 1.165.753c.709.664.9.883.881 1.005a8.1 8.1 0 0 1-2.046-1.758m15.026.287a8.6 8.6 0 0 0-3.442.146l-1.164.257s-1.683 1.696-1.48 1.672c.074-.009 3.026.099 3.026.099l1.49-.728c1.455-.71 4.195-1.311 3.278-1.341a44 44 0 0 1-1.708-.108m-11.34.906c-.434-.417-.534-.543-.514-.695c.022-.171.076-.135.83.574c.603.567.784.776.722.835c-.108.108-.345-.057-1.038-.714m-2.245 1.374c-1.613-1.468-1.815-1.677-1.711-1.757s.259.036 1.242.93c.617.562 1.429 1.303 1.802 1.634c.618.557.83.869.588.86c-.05 0-.915-.752-1.921-1.667m2.133-.382c-.325-.303-.42-.442-.401-.567c.028-.198 1.02.631 1.017.85s-.179.13-.616-.283m3.576.403c-.868-.613-.858-.619-3.71 3.409c-1.248 1.764-2.253 3.221-2.233 3.24a3.7 3.7 0 0 0 .67-.513a7.6 7.6 0 0 1 1.752-1.115l1.118-.571l.487-.696c.267-.383.917-1.304 1.444-2.053l.958-1.357Zm-4.174.206c-.569-.535-.579-.55-.364-.55c.252 0 1.269.885 1.176 1.024s-.235.069-.812-.474m7.88-.225a3 3 0 0 1-.275-.039a1 1 0 0 0-.037.384c0 1.317-1.538 3.103-3.27 3.801c-.773.311-1.763.167-1.763-.254c0-.156-.109-.1-.276.15l-.166.24l.239.204c.815.694 2.466.282 3.914-.977c1.38-1.195 2.414-3.418 1.634-3.508m2.692.79a97 97 0 0 0-1.511-.073l-.347-.016l-1.396 1.873l-1.394 1.875l.858.807a12.3 12.3 0 0 0 3.055 2.035c1.767-2.118 4.235-5.307 4.153-5.36a36 36 0 0 0-1.176-.572l-1.074-.509l-1.168-.062m-5.212 4.164c-.021-.032-3.311.171-3.311.171l-.523 2.999L9.245 22l4.901-.728s-1.773-4.755-1.793-4.785"/></svg>

How to use the Stage Light icon

React

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

<Icon icon="cbi:stage-light" width="24" />

Vue

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

<template>
  <Icon icon="cbi:stage-light" width="24" />
</template>

Svelte

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

<Icon icon="cbi:stage-light" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:stage-light"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/stage-light.svg" alt="Stage Light icon" width="24" height="24">

Related icons in Custom Brand Icons

Stage Light icon FAQ

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

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

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

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

Browse all Custom Brand Icons →