Shelly Logo icon
cbi:shelly-logo
The Shelly Logo icon (cbi:shelly-logo) 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
- shellylogo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.397 12.178c-2.822-.028-6.386-.269-8.397.555v-1.901l.396-1.822l.713-1.743l.159-.079l.158-.476l.158-.079v-.158l.159-.08v-.158l.237-.158V5.92l.317-.238v-.158l.634-.555l.555-.633h.158l.238-.317h.158l.079-.159h.159l.158-.237l.317-.08l.079-.158l.476-.158l.079-.159l.396-.079V2.91l.317-.08v-.079l1.743-.554h.396c.441-.131.974-.159 1.584-.159c2.065 0 3.574.4 4.833 1.189l.475.158l.079.158l.317.08l.159.237h.158l.079.159c.446.304.998.642 1.268 1.109h-.238c-.169-.153-.725-.079-1.03-.079c-.912 0-2.164-.144-2.931.079l-1.109.079v.079l-.634.08v.079l-.475.079v.079h-.159v.079h-.237v.08l-.317.079l-.079.158h-.159l-.079.159h-.158l-.238.317l-.238.158v.158l-.237.159l-.08.396h-.079v.158h-.079c-.069.177-.163 1.627-.079 1.902h.079v.317h.079l.238 1.109c.59 1.361 1.855 3.93.713 5.545l-.317.238l-.317.396h-.158l-.08.158c-.62.393-2.37.857-3.406.555h-.555v-.079h-.316v-.08h-.317v-.079h-.238v-.079h-.158v-.079h-.238v-.079h-.159v-.08h-.158l-.079-.158H5.01l-.158-.238h-.159l-.079-.237l-.237-.159v-.158h-.08v-.238c-.22-.608.053-.879.159-1.347l.317-.237v-.08h.158l.079-.158l1.109-.396l2.456-.079c.796-.243 1.646-.65 1.822-1.506m7.764-5.466l-.079.238h-.08v.158h-.079v.159h-.079v.158h-.079v.159h-.079v.158c-.206.386-.57.837-.634 1.347h3.565l.713-.634v.079h.079l.079.476h.079v.237h.08v.317h.079v.317h.079v.475c.442 1.523.057 3.687-.396 4.833l-.079.475c-1.29 2.935-3.445 4.841-6.576 5.942h-.316v.079h-.317v.079h-.476c-1.531.444-3.762.065-4.911-.396h-.238v-.079h-.158v-.079l-.951-.317l-.079-.159l-.476-.158v-.079l-.237-.08l-.079-.158h-.159l-.079-.159h-.159l-.158-.237h-.158l-.159-.238h-.158l-.476-.554h.159c.25.229.796.051 1.188.158c.804.22 3.173.13 3.882-.079l.871-.079v-.08l.634-.079v-.079h.238v-.079h.237v-.08h.238v-.079h.238v-.079h.237v-.079l.317-.079v-.08l.317-.079v-.079h.159v-.079h.158v-.08h.158l.08-.158h.158l.079-.158h.159l.237-.317h.159l.237-.317h.08v-.159l.317-.237l.079-.317l.158-.079l.079-.396h.08v-.159h.079v-.317c.255-.783.158-1.736-.079-2.456v-.316h-.08v-.238h-.079v-.238h-.079v-.237h-.079v-.238h-.079l-.08-.475h-.079v-.159h-.079l-.079-.396h-.08l-.079-.475h-.079V9.96h-.079v-.237h-.079v-.238h-.08v-.238h-.079V9.01c-.117-.297-.403-.89-.237-1.426h.079l.079-.396c.206-.112.404-.319.634-.397h.475c.635-.184 1.683-.079 2.456-.079"/></svg>How to use the Shelly Logo icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:shelly-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:shelly-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:shelly-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--shelly-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:shelly-logo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:shelly-logo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/shelly-logo.svg" alt="Shelly Logo icon" width="24" height="24">Shelly Logo icon FAQ
Is the Shelly Logo 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 Shelly Logo icon in React?
Install @iconify/react and render <Icon icon="cbi:shelly-logo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shelly Logo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/shelly-logo.svg" alt="Shelly Logo icon">, or paste the SVG code inline to style it with CSS.