Reolink 820 icon

cbi:reolink-820

The Reolink 820 icon (cbi:reolink-820) 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="M15.108 18.325a7 7 0 0 1-1.4-1.35a3.3 3.3 0 0 1-.395-.662a10 10 0 0 1-.315-.662a4.8 4.8 0 0 0-2.358-2.119a5 5 0 0 0-1.309-.368a2.8 2.8 0 0 0-.974-.04a3 3 0 0 0-.739.24c-.076.034-.315.146-.789.37a1 1 0 0 1-.51.134a1.2 1.2 0 0 1-.309-.072a3 3 0 0 0-.72-.17a1.44 1.44 0 0 0-1.043.4a1.8 1.8 0 0 0-.677 1.05a3.3 3.3 0 0 0-.15 1.122c.018.5.181.613.55 1.069a36.5 36.5 0 0 0 3.486 3.445a6.5 6.5 0 0 0 2.151.838c.328.056 4.83-.019 5.029-.09c.411-.149.573-.659.675-.812a1.46 1.46 0 0 0 .222-.643c.067-.579-.091-1.465-.425-1.68m-1.243 2.864l-2.026.057a7.25 7.25 0 0 1-6.009-2.454l-1.981-2.13a1.152 1.152 0 0 1 .771-1.572l2.48-.13c3.053-.114 3.88.493 5.276 1.9l2.289 2.307a1.187 1.187 0 0 1-.8 2.022m-1.797-4.104a6.34 6.34 0 0 0-4.767-1.8l-2.232.12a.886.886 0 0 0-.592 1.513l2.1 2.065a6.87 6.87 0 0 0 5.011 1.959l1.827-.052a1.039 1.039 0 0 0 .72-1.779Zm-2.143.8c-.114.269-.434.42-.907.425h-.056a4.44 4.44 0 0 1-2.779-1.189c-.337-.348-.46-.69-.35-.965s.421-.417.88-.43a4.44 4.44 0 0 1 2.839 1.164c.358.364.491.717.373.998Zm7.175-4.669a12.5 12.5 0 0 0-.83-2.262a7.7 7.7 0 0 0-.812-1.5A7 7 0 0 0 13.9 7.936a12.6 12.6 0 0 0-6.554-1.99a17.5 17.5 0 0 0-2.381.03a5.3 5.3 0 0 0-1.633.38a1.6 1.6 0 0 0-.8.562a1.2 1.2 0 0 0-.146.554a1.5 1.5 0 0 0 .1.613c.257.592 1.763 3.689 1.763 3.689a2.5 2.5 0 0 1 .129-.9s-.52-1.2-.575-1.389a5 5 0 0 1-.173-1.32a2.4 2.4 0 0 1 .126-.642a1.43 1.43 0 0 1 .608-.57a2.8 2.8 0 0 1 1.151-.328c.178-.02 1.3-.074 1.913-.056a14.4 14.4 0 0 1 2.809.438a9.3 9.3 0 0 1 3.258 1.469a8.2 8.2 0 0 1 1.457 1.4a9.1 9.1 0 0 1 1.684 3.609c.31.973.828 3.037.828 3.037c.1.242.656 1.466.656 1.466a2.5 2.5 0 0 0 .588-.01A11 11 0 0 1 17.9 16.3c-.349-.941-.375-1.564-.8-3.084m4.823-8.4c-5.492-1.031-16.037-.768-19.864.2l.128 1.969c.256.078-.225-.529.55-1.02a9.05 9.05 0 0 1 3.625-.774a17.2 17.2 0 0 1 6.054.946a9.2 9.2 0 0 1 2.216 1.178a8 8 0 0 1 1.536 1.565a8 8 0 0 1 1.1 2.188a12.6 12.6 0 0 1 .667 2.168a27 27 0 0 0 .654 2.7c.28.892.36 1.3.7 1.324c.55.032 1.3-2.865 1.663-4.245c1.445-5.524.974-8.2.974-8.2ZM17.139 17.14a3.5 3.5 0 0 1-.556-1.452c-.15-.552-.35-1.218-.854-2.7a8.6 8.6 0 0 0-1-2.06A8.8 8.8 0 0 0 12.4 8.577a10 10 0 0 0-2.035-.92A10 10 0 0 0 8.309 7.2c-1.083-.105-1.37-.118-1.892.255c-.594.425-2.2 3.2-2.145 6.351c0 .077.283-.349.556-.468a1.3 1.3 0 0 1 .64-.085c.612.035.7.3 1.052.217c.245-.056.228-.19.61-.367a5.7 5.7 0 0 1 1.714-.493a5.6 5.6 0 0 1 2.949.894a5 5 0 0 1 .828.63a3.9 3.9 0 0 1 .78.937c.328.58.265.9.684 1.424a2.4 2.4 0 0 0 .31.33a3.4 3.4 0 0 0 .749.451c.345.191.894.494.933.91c.025.265-.175.39-.218.975c-.017.237.012.27.03.282c.131.1.571-.316 1.444-1.145c.21-.2.284-.229.225-.413a1.8 1.8 0 0 0-.419-.745m-8.609-.068a1.92 1.92 0 0 0-1.16-.459h-.013c-.139 0-.239.041-.261.1s.027.15.125.247a1.9 1.9 0 0 0 1.15.464c.188 0 .275-.045.294-.1s-.008-.135-.135-.257ZM21.983 4.056c-.021-.542.017-1.6.017-1.6L2 2.43l.106 1.845c2.147-.775 12.53-1.67 19.877-.219M6.746 16.024h-.027c-.328.008-.55.1-.61.246s.044.4.287.647a4.17 4.17 0 0 0 2.573 1.1c.364 0 .62-.087.686-.244s-.05-.409-.309-.67a4.13 4.13 0 0 0-2.6-1.079M8.83 17.4c-.031.076-.129.2-.437.207h-.024a2.07 2.07 0 0 1-1.269-.52c-.212-.209-.2-.364-.166-.44s.126-.2.424-.207h.015a2.1 2.1 0 0 1 1.285.5c.22.219.202.379.172.46"/></svg>

How to use the Reolink 820 icon

React

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

<Icon icon="cbi:reolink-820" width="24" />

Vue

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

<template>
  <Icon icon="cbi:reolink-820" width="24" />
</template>

Svelte

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

<Icon icon="cbi:reolink-820" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:reolink-820"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/reolink-820.svg" alt="Reolink 820 icon" width="24" height="24">

Related icons in Custom Brand Icons

Reolink 820 icon FAQ

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

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

How do I add the Reolink 820 icon to a web page?

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

Browse all Custom Brand Icons →