Twinkly Festoon icon

cbi:twinkly-festoon

The Twinkly Festoon icon (cbi:twinkly-festoon) 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: twinklyfestoon

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="M20.908 15.274h-2.103a1.858 1.858 0 1 0 2.914 1.525a1.83 1.83 0 0 0-.811-1.525m-1.918-1.776v.521h-.046a.166.166 0 0 0-.167.166v.564a.17.17 0 0 0 .167.166h-.031l-.012.029v.01l-.024.062h2.008l-.019-.056v-.011l-.017-.038h-.076a.17.17 0 0 0 .113-.051a.16.16 0 0 0 .046-.112v-.56a.166.166 0 0 0-.166-.166h-.041v-.746a2.65 2.65 0 0 0 .843-1.201a6.47 6.47 0 0 0 .359-3.294l-.657-3.437h-.2l.671 3.504a6.1 6.1 0 0 1-.333 3.091a2.64 2.64 0 0 1-.681 1.029a.37.37 0 0 0-.373-.374h-.995a.37.37 0 0 0-.372.374v.268a1.46 1.46 0 0 1-1.045-.701a14.7 14.7 0 0 1-1.01-3.904c-.047-.265-.1-.541-.149-.832a12.4 12.4 0 0 0-.687-2.448h-.424c.039.135.089.3.154.515c.106.348.237.781.391 1.322a7.8 7.8 0 0 1-.478 4.278a2.47 2.47 0 0 1-.954 1.039v-.277a.373.373 0 0 0-.372-.374h-.996a.373.373 0 0 0-.372.374v.139a3.1 3.1 0 0 1-.836-.914c-1.063-1.67-.721-4.891-.577-6.114h-.253c-.02.173-.043.386-.071.655c-.174 1.65-.501 4.719-1.34 5.459a3 3 0 0 1-.3.238v-.163a.373.373 0 0 0-.373-.373h-.991a.373.373 0 0 0-.373.373v.09a3 3 0 0 1-.227-.24c-1.088-1.278-.977-4.146-.923-5.525c.011-.208.011-.372.011-.514h-.274v.453c.008 1.501.024 4.614-1.412 5.794l-.051.041v-.229a.37.37 0 0 0-.366-.374H3.688a.373.373 0 0 0-.373.374v.248l-.069-.062c-1.011-.919-1.476-3.469-.614-6.245h-.2a9.8 9.8 0 0 0-.401 3.664a4.43 4.43 0 0 0 1.122 2.803q.088.078.171.148v.5h-.051a.165.165 0 0 0-.166.164v.56a.166.166 0 0 0 .166.17h-.031l-.007.017l-.009.022c-.012.026-.019.052-.03.078h2.02c-.011-.026-.017-.054-.028-.08l-.009-.02l-.008-.017h-.075a.167.167 0 0 0 .165-.166v-.561a.165.165 0 0 0-.165-.165h-.042v-.522c.048-.036.1-.074.146-.115a5.2 5.2 0 0 0 1.402-3.421q.012.167.028.332a5.2 5.2 0 0 0 .954 2.854a3 3 0 0 0 .348.35v.65h-.039a.166.166 0 0 0-.166.166v.559a.13.13 0 0 0 .032.085a.2.2 0 0 0 .087.059c.008 0 .012.01.02.011h1.873c.006 0 .01-.007.017-.009a.2.2 0 0 0 .088-.058a.13.13 0 0 0 .034-.088v-.562a.166.166 0 0 0-.166-.166h-.041v-.591a4 4 0 0 0 .401-.308c.64-.564.99-2.222 1.207-3.787a7.34 7.34 0 0 0 .792 3.739a3.3 3.3 0 0 0 .977 1.031v.619h-.041a.166.166 0 0 0-.166.166v.558a.16.16 0 0 0 .1.14c.021.009.038.026.063.026h-.031l-.016.039l-.006.015h1.974l-.006-.016l-.017-.038h-.075a.16.16 0 0 0 .11-.046a.16.16 0 0 0 .064-.12v-.56a.166.166 0 0 0-.166-.166h-.044v-.501a2.7 2.7 0 0 0 1.101-1.16a6.6 6.6 0 0 0 .611-2.578a7.3 7.3 0 0 0-.107-1.961a71 71 0 0 0-.393-1.329l-.114-.379a11.4 11.4 0 0 1 .714 2.481l.149.831a15 15 0 0 0 1.038 3.995a1.66 1.66 0 0 0 1.2.817m-4.116.993h-1.859a1.863 1.863 0 1 0 1.859 0m-9.734-.764H3.247a1.862 1.862 0 1 0 1.893 0m4.591-.002H7.843a1.861 1.861 0 1 0 1.888 0"/></svg>

How to use the Twinkly Festoon icon

React

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

<Icon icon="cbi:twinkly-festoon" width="24" />

Vue

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

<template>
  <Icon icon="cbi:twinkly-festoon" width="24" />
</template>

Svelte

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

<Icon icon="cbi:twinkly-festoon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:twinkly-festoon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/twinkly-festoon.svg" alt="Twinkly Festoon icon" width="24" height="24">

Related icons in Custom Brand Icons

Twinkly Festoon icon FAQ

Is the Twinkly Festoon 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 Twinkly Festoon icon in React?

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

How do I add the Twinkly Festoon icon to a web page?

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

Browse all Custom Brand Icons →