Ring Floodlight icon
cbi:ring-floodlight
The Ring Floodlight icon (cbi:ring-floodlight) 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
- ringfloodlight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.804 11.863c2.565-.144 2.476-.232 2.908-.442l2.111-1.216c.165-.188.232-.265-2.322-.022c-1.846.166-1.813.243-2.034.354l-2.27 1.226c-.638.31.523.166 1.607.1M8.93 8.557a1.87 1.87 0 0 1-1.017.354v.53c.371-.152 2.45-1.167 2.164-2.373l.644-.191v-.785l.055-.132l.056-.188l.132-.21l.509-.731l-1.776.575l.276.543l.111.376v.386l-.036.206c0-.187-.58-.568-1.257-.769a2.3 2.3 0 0 0-1.538.1c.023.055.155.089.155.2c.624.12 1.796-.509 2.613.469l.019.006v.01l.006.006l-.014.078c0 .02-.007.038-.008.057v.015c-.553.531-1.846.409-2.179.531l.101.279c0 .2 1.007.055 1.537-.276a2.3 2.3 0 0 0 .514-.383q.002.031-.008.063c-.4 1-1.555.775-2.041 1.033v.3c0 .2.922-.056 1.501-.4a1.7 1.7 0 0 1-.519.321m1.087-1.642a3.22 3.22 0 0 0-2.392-.116l.078.077l.077.123c0 .066.333.077 1.338-.1l.906.116c0-.028.011-.055.01-.084ZM5.596 4.422c-.685-.3-3.596.6-3.596.6c.019.155.04.31.055.51a4 4 0 0 0 .147.816a6.4 6.4 0 0 0 1.101 2.375a3.7 3.7 0 0 0 2.012 1.294a5.6 5.6 0 0 0 .873.265h.476l.585-.32l.376-.254a6.45 6.45 0 0 0-.32-2.986a5.3 5.3 0 0 0-1.709-2.3M6.863 9.9c-2.056-.452-2.268-.663-3.001-1.535a7.2 7.2 0 0 1-1.523-3.401C4.152 4.906 8.197 7.292 6.863 9.9m6.777 11.659a2.56 2.56 0 0 0 1.813-1.316l-4.224.1a2.39 2.39 0 0 0 2.411 1.216m6.634-17.534l-.93-.2c.941.475 1.946 2.487 1.438 5.727c-.431 2.73-3.063 4.588-4.245 4.588c-.277.011.807.188 1.293.177c1.68.022 3.726-2.61 3.892-3.715c.408-1.857.663-5.583-1.448-6.577m-5.109 6.136l-.243.155l-.232.143l-1.4.818l-.387.243l-.309.144l-.221.066l-.232.067l-.355.055h-.166l-.807.077l-2.089.133h-.689v.088l.254.995l1.5 5.649l.088.188h3.25l.7-.011l.155-.009h.145l.125-.044l.309-.111l.21-.1l.343-.232l.464-.321l1.107-.885l.121-.111l-1.641-7.058Zm-4.919 8.028l-1.293-4.953h-.075l2.329-.091l1.25 5.044Zm-.067-4.037c-1.083.431-.409 2.409.719 2.31c.552-.155.718-.63.552-1.26s-.563-1.139-1.271-1.05m.653 2.045a1.11 1.11 0 0 1-.929-.818c-.11-.487.022-.873.343-.984c.486-.066.829.4.95.917s.011.796-.364.889Zm3.637 2.963l-.453.144l-.365.077l-.508.044l-3.052-.033l.785.641l.132.066l4.544-.11l.221-.022l.111-.033l.055-.067l.055-.11l.675-2.156l-1.902 1.415Zm-3.972-4.113c-.122.011-.155.133-.133.3c.044.364.553.331.409-.067a.28.28 0 0 0-.276-.233m-3.59-9.43c.033.055.177.089.177.2a11 11 0 0 0 1.515-.1a1.93 1.93 0 0 1 1.459.685c.066-.166-.63-.663-1.426-.884a2.77 2.77 0 0 0-1.725.099m12.072-.94l.12.321l.088.31v.177l.21-.192l.188-.409l.056-.143v-.364l-.266-.343l-.576-.762l.025.3l-.064.288l-.14.244l.121.2Zm-.121-.752l.077-.3l.376.464l.254.331v.2l-.022.108l-.045.133l-.112.27l-.1.144l-.094-.343l-.128-.325l-.229-.372l-.053-.084Zm-2.343 9.564c1.348-.919.873-2.974-1.107-3.129l.067.232a1.7 1.7 0 0 1 1.04 2.897m-5.496-7.253v-.044l-.038.236c-.323 1.963 2.427 3.101 4.107 3.445a3.55 3.55 0 0 0 2.421-.409a3.517 3.517 0 0 0-.154-6.136s-2.433-1.238-5.451 1.548a3.8 3.8 0 0 0-.8 1.101Zm.431-.387c.542-.819.742-.819 1.107-.962a8.2 8.2 0 0 1 2.387 0a5.26 5.26 0 0 1 2.532.83a2.15 2.15 0 0 1 1.106 1.845a2.86 2.86 0 0 1-3.03 2.101a6.3 6.3 0 0 1-3.5-1.493c-.288-.342-.796-.873-.83-1.315v-.343l.049-.276c.047-.11.135-.276.179-.387m6.999-1.946a.973.973 0 0 0-.984-1.47a1.1 1.1 0 0 0-.707.431l.961.442Zm-2.908 7.032l.631 2.52a1.459 1.459 0 0 0-.631-2.52m3.858-5.163c-.044.155 0 .11 0 .409v.984a5 5 0 0 1-.066.508a4 4 0 0 1-.133.409a3 3 0 0 1-.408.641a4 4 0 0 1-.31.409a3.5 3.5 0 0 1-.486.421a3.3 3.3 0 0 1-.752.42a2 2 0 0 1-.508.166a2.5 2.5 0 0 1-.52 0a5.4 5.4 0 0 0-.863 0a2.8 2.8 0 0 1 1.301.42a2 2 0 0 1 .476.376a1.9 1.9 0 0 1 .309.685a1.56 1.56 0 0 1 .055.718a1.5 1.5 0 0 1-.21.586a2.5 2.5 0 0 1-.453.62a3 3 0 0 1-.4.332a5 5 0 0 0 1.161-.421a6.1 6.1 0 0 0 2.792-4.146a7.3 7.3 0 0 0 .066-2.531a7 7 0 0 0-.741-2.322a1 1 0 0 1 .066.508a1.2 1.2 0 0 1-.154.453c-.111.2-.177.2-.222.355M13.176 9.9h1.171a11 11 0 0 1-1.238-.501v.211ZM6.409 4.765a16 16 0 0 0 1.659-.1a2.2 2.2 0 0 1 1.614.685c.066-.177-.7-.685-1.569-.895a3.54 3.54 0 0 0-1.901.11c.032.045.197.079.197.2m2.035.188a2.95 2.95 0 0 0-1.736.11c.033.045.177.078.177.2a13 13 0 0 0 1.515-.1a2 2 0 0 1 1.47.675c.055-.166-.619-.675-1.426-.885"/></svg>How to use the Ring Floodlight icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:ring-floodlight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:ring-floodlight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:ring-floodlight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ring-floodlight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ring-floodlight"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:ring-floodlight"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/ring-floodlight.svg" alt="Ring Floodlight icon" width="24" height="24">Related icons in Custom Brand Icons
Ring Floodlight icon FAQ
Is the Ring Floodlight 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 Ring Floodlight icon in React?
Install @iconify/react and render <Icon icon="cbi:ring-floodlight" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ring Floodlight icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/ring-floodlight.svg" alt="Ring Floodlight icon">, or paste the SVG code inline to style it with CSS.