Roku Ultra icon
cbi:roku-ultra
The Roku Ultra icon (cbi:roku-ultra) 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
- rokuultra
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.56 2.882a5.104 5.104 0 0 0-5.115 5.114v2.63H2v2.965h1.445v2.41a5.104 5.104 0 0 0 5.115 5.117h8.005a5.104 5.104 0 0 0 5.115-5.116V13.63h.128a.19.19 0 0 0 .192-.191v-2.586a.19.19 0 0 0-.192-.189h-.128V7.996a5.104 5.104 0 0 0-5.115-5.114ZM5.017 9.687l.969.002c1.034.002.975 0 1.148.03c.28.048.587.172.805.33c.119.086.264.226.342.328q.28.361.294.787c.008.213-.033.403-.131.602a1.6 1.6 0 0 1-.573.635l-.085.057l.544.755l.639.89l.099.137H7.692l-.545-.76l-.546-.758h-.374v1.518H5.018v-2.276Zm1.21.754v1.529l.237-.002c.21-.003.244-.005.291-.015a.77.77 0 0 0 .599-.617a.77.77 0 0 0-.512-.859c-.1-.034-.141-.036-.392-.036Zm4.266.165a1.86 1.86 0 0 1 1.635 1.04a1.854 1.854 0 0 1-1.485 2.658a1.86 1.86 0 0 1-1.96-1.248a1.8 1.8 0 0 1-.097-.544a1.85 1.85 0 0 1 1.907-1.906m2.065.067h1.215v1.404l.698-.7l.7-.696h2.488v.973c0 .971.002 1.154.019 1.276c.037.257.128.389.294.431a.7.7 0 0 0 .316-.011a.7.7 0 0 0 .411-.321l.027-.048V10.68h1.209v3.561h-.254l-.272-.238l-.275-.237l-.047.047a1.74 1.74 0 0 1-.892.477a1.5 1.5 0 0 1-.401.019c-.576-.033-.996-.278-1.201-.703a1.4 1.4 0 0 1-.126-.402c-.012-.077-.012-.077-.014-1.219a67 67 0 0 0-.007-1.143c-.002 0-.349.347-.772.769l-.769.771l.929.929l.929.929h-1.525l-.733-.724l-.729-.726l-.001.726l-.004.724h-1.213v-1.785Zm-10.194.274h.71v.153c0 .16 0 .152-.006.18a.3.3 0 0 1-.052.125a.3.3 0 0 1-.051.053a.2.2 0 0 1-.121.046a.2.2 0 0 1-.095-.021a.25.25 0 0 1-.098-.089l-.011-.015l-.116.088c-.064.046-.128.089-.139.097l-.021.017v-.217l.117-.083l.119-.085v-.059h-.236v-.095Zm.353.19l.002.039l.001.043a.12.12 0 0 0 .097.094a.12.12 0 0 0 .133-.08a.2.2 0 0 0 .006-.062v-.034h-.119Zm7.731.341c-.278 0-.517.315-.583.769a2 2 0 0 0 0 .423c.041.267.137.483.275.621q.126.127.264.141a.37.37 0 0 0 .219-.039c.215-.11.372-.399.417-.762c.004-.032.009-.112.009-.176c0-.174-.02-.306-.069-.455c-.106-.321-.311-.522-.532-.522m-7.816.026a.29.29 0 0 1 .298.3a.29.29 0 0 1-.161.255a.29.29 0 0 1-.416-.284a.29.29 0 0 1 .278-.271m.009.198q-.021 0-.033.004a.2.2 0 0 0-.096.041a.1.1 0 0 0-.022.043v.019l.006.015c.017.033.061.056.118.064a.3.3 0 0 0 .097-.008c.051-.016.084-.051.084-.085c0-.043-.05-.079-.121-.089l-.034-.002Zm-.277.423h.555v.191H2.7l.107.107l.11.108v.389h-.15c-.152 0-.181 0-.2.004q-.059.007-.068.046a.11.11 0 0 0 .053.114l.009.004h.358v.189h-.555v-.041l.036-.041l.036-.045l-.006-.007a.27.27 0 0 1-.075-.139a.3.3 0 0 1-.002-.063c.005-.089.043-.155.109-.187a.2.2 0 0 1 .062-.019c.012-.002.013-.002.192-.002h.178l-.122-.123l-.119-.118l-.144.144l-.145.145v-.238l.113-.113l.114-.114h-.227v-.097Z"/></svg>How to use the Roku Ultra icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:roku-ultra" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:roku-ultra" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:roku-ultra" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--roku-ultra]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:roku-ultra"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:roku-ultra"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/roku-ultra.svg" alt="Roku Ultra icon" width="24" height="24">Related icons in Custom Brand Icons
Roku Ultra icon FAQ
Is the Roku Ultra 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 Roku Ultra icon in React?
Install @iconify/react and render <Icon icon="cbi:roku-ultra" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Roku Ultra icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/roku-ultra.svg" alt="Roku Ultra icon">, or paste the SVG code inline to style it with CSS.