9 Now icon
cbi:9-now
The 9 Now icon (cbi:9-now) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.883 9.88a.578.578 0 1 0 .578.578a.577.577 0 0 0-.578-.578m.003 1.547a.578.578 0 1 0 .575.578a.58.58 0 0 0-.575-.578m.007 1.552a.577.577 0 1 0 .564.577a.563.563 0 0 0-.564-.577m9.934-3.112a1.565 1.565 0 1 0 1.564 1.564a1.565 1.565 0 0 0-1.564-1.564m0 2.351a.787.787 0 1 1 .787-.787a.79.79 0 0 1-.787.787m-4.767-2.202a.5.5 0 0 0-.348-.139H7.419a.4.4 0 0 0-.11.013a.46.46 0 0 0-.265.171a.48.48 0 0 0-.1.306v1.638a.6.6 0 0 0 .022.148a.44.44 0 0 0 .307.306a.6.6 0 0 0 .187.02h2.719c.035 0 .035 0 .035.042v.606c0 .016-.006.019-.019.019H7.448a.6.6 0 0 0-.149.017a.46.46 0 0 0-.255.164a.5.5 0 0 0-.113.31a.5.5 0 0 0 .02.135a.5.5 0 0 0 .164.261a.4.4 0 0 0 .268.1h3.309a.6.6 0 0 0 .194-.029a.4.4 0 0 0 .232-.177a.57.57 0 0 0 .081-.3v-3.226a.5.5 0 0 0-.017-.171a.44.44 0 0 0-.122-.214m-.836 1.515a.015.015 0 0 1-.016.016H7.947a.016.016 0 0 1-.016-.016v-.658c0-.01 0-.016.016-.016h2.261a.015.015 0 0 1 .016.016Zm4.113-1.012v-.645h-.755v1.653l-1.058-1.444a.5.5 0 0 0-.409-.209h-.446v3.085h.755v-1.722l1.119 1.519a.51.51 0 0 0 .407.207h.384v-.613a1.72 1.72 0 0 1 0-1.831Zm6.728-.645l-.536 2.026l-.629-2.026h-.852l-.622 2.026l-.535-2.027h-.935s.035.119.093.3a1.74 1.74 0 0 1 .532 1.257a1.7 1.7 0 0 1-.038.361l.125.406c.233.758.546.758.694.758s.464 0 .713-.767l.4-1.265l.4 1.271c.245.768.558.768.71.768s.464 0 .7-.758L22 9.877ZM2.588 11.431a.57.57 0 0 0-.587.569a.578.578 0 1 0 .587-.567Zm-.01-1.551a.578.578 0 1 0 .578.6a.577.577 0 0 0-.578-.6m.007 3.096a.576.576 0 1 0 .571.574a.58.58 0 0 0-.571-.574m1.654.003a.576.576 0 1 0 .571.574a.574.574 0 0 0-.571-.574m-.003-3.096a.576.576 0 1 0 .574.578a.576.576 0 0 0-.574-.578m.571 2.125a.576.576 0 1 0-.584.577a.575.575 0 0 0 .584-.577"/></svg>How to use the 9 Now icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:9-now" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:9-now" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:9-now" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--9-now]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:9-now"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:9-now"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/9-now.svg" alt="9 Now icon" width="24" height="24">9 Now icon FAQ
Is the 9 Now 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 9 Now icon in React?
Install @iconify/react and render <Icon icon="cbi:9-now" />, or use “Copy code” on this page to get a standalone React component.
How do I add the 9 Now icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/9-now.svg" alt="9 Now icon">, or paste the SVG code inline to style it with CSS.