Christmas Wreath icon

cbi:christmas-wreath

The Christmas Wreath icon (cbi:christmas-wreath) 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: christmaswreath, christma

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="M21.556 12.497a1.48 1.48 0 0 0-.558-1.158a1.52 1.52 0 0 0-.631-2.245a1.43 1.43 0 0 0-.106-1.299a1.52 1.52 0 0 0-1.052-.737a1.6 1.6 0 0 0-.456-1.228a1.51 1.51 0 0 0-1.227-.456a1.44 1.44 0 0 0-.6-.958a1.72 1.72 0 0 0-.029-1.953a1.26 1.26 0 0 0-1.092-.458a8.1 8.1 0 0 0-3.299 1.129a2.1 2.1 0 0 0-1.079-.01A8 8 0 0 0 8.09 2.005a1.25 1.25 0 0 0-1.123.527a1.71 1.71 0 0 0-.018 1.973a1.45 1.45 0 0 0-.473.87A1.572 1.572 0 0 0 4.793 7.06a1.49 1.49 0 0 0-1.052.737a1.68 1.68 0 0 0-.106 1.299a1.4 1.4 0 0 0-.842.982a1.45 1.45 0 0 0 .209 1.261a1.6 1.6 0 0 0-.56 1.192a1.48 1.48 0 0 0 .56 1.157a1.52 1.52 0 0 0 .631 2.245a1.43 1.43 0 0 0 .106 1.299a1.52 1.52 0 0 0 1.052.737a1.6 1.6 0 0 0 .456 1.228a1.51 1.51 0 0 0 1.227.456a1.5 1.5 0 0 0 .738 1.047a1.68 1.68 0 0 0 1.3.1a1.4 1.4 0 0 0 .983.842a1.45 1.45 0 0 0 1.262-.21a1.6 1.6 0 0 0 1.19.568a1.92 1.92 0 0 0 1.3-.6a1.57 1.57 0 0 0 1.262.21a1.48 1.48 0 0 0 .982-.842a1.43 1.43 0 0 0 1.3-.1a1.52 1.52 0 0 0 .737-1.051a1.6 1.6 0 0 0 1.227-.457a1.5 1.5 0 0 0 .456-1.227a1.49 1.49 0 0 0 1.052-.737a1.68 1.68 0 0 0 .106-1.299a1.4 1.4 0 0 0 .842-.982a1.45 1.45 0 0 0-.213-1.262a1.48 1.48 0 0 0 .56-1.157Zm-5.257-2.842a1.6 1.6 0 0 0 .948.7a1.6 1.6 0 0 0-.176 1.157a1.8 1.8 0 0 0 .631 1.018a1.64 1.64 0 0 0-.631 1.016a1.48 1.48 0 0 0 .176 1.158a1.7 1.7 0 0 0-.948.7a1.74 1.74 0 0 0-.28 1.157a1.74 1.74 0 0 0-1.158.281a1.6 1.6 0 0 0-.7.947a1.715 1.715 0 0 0-2.174.456a1.64 1.64 0 0 0-1.017-.631a1.48 1.48 0 0 0-1.157.175a1.7 1.7 0 0 0-.7-.947a1.74 1.74 0 0 0-1.158-.281a1.73 1.73 0 0 0-.281-1.156a1.6 1.6 0 0 0-.947-.7a1.6 1.6 0 0 0 .174-1.157a1.8 1.8 0 0 0-.63-1.016a1.8 1.8 0 0 0 .63-1.017a1.47 1.47 0 0 0-.175-1.158a1.7 1.7 0 0 0 .947-.7a1.73 1.73 0 0 0 .281-1.156a1.6 1.6 0 0 0 .373.007L7.774 9.62a.39.39 0 0 0 .07.386a.32.32 0 0 0 .386.07l1.371-.561l.28 1.333c0 .141.141.246.28.281h.035a.5.5 0 0 0 .351-.176l1.429-2.858l1.412 2.823a.34.34 0 0 0 .316.211h.07a.38.38 0 0 0 .28-.281l.281-1.368l1.368.561a.344.344 0 0 0 .456-.456l-.544-1.081a1.6 1.6 0 0 0 .4 0a1.73 1.73 0 0 0 .28 1.156ZM9.221 8.13l.061-.053c.035-.035.035-.07.07-.105l.033-.048a4.6 4.6 0 0 0 1.685-.478l.443-.221l.033.006l-1.212 2.459l-.141-.737c-.035-.099-.069-.209-.174-.244a.3.3 0 0 0-.175-.035a.2.2 0 0 1-.143-.035l-.912.349Zm3.112-.895c.035 0 .035 0 .07.036l.421.21a4.1 4.1 0 0 0 1.683.491l.562 1.122l-.913-.35c-.07-.07-.175-.035-.281 0a.4.4 0 0 0-.174.244l-.14.737Zm3.542-4.524a.67.67 0 0 1 .456.175c.281.316.211.772-.105 1.369a5.1 5.1 0 0 0-.386 2.314a.666.666 0 0 1-.6.631a.5.5 0 0 1-.211.035h-.245a4.2 4.2 0 0 1-1.55-.407a2.07 2.07 0 0 0 .747-1.124l.005-.02l.016-.07c.005-.024.015-.069.02-.1l.01-.065l.006-.047q.002-.039.007-.078v-.305q.002-.041-.007-.082V4.9c0-.027-.007-.053-.012-.08s-.014-.078-.023-.117l-.007-.029l-.024-.089l-.006-.021a1 1 0 0 0-.034-.1v-.007a1 1 0 0 0-.041-.1l-.036-.081l-.005-.011a2.4 2.4 0 0 0-.6-.772a7.7 7.7 0 0 1 2.63-.772Zm-3.522 1.113a.3.3 0 0 0 .086.045a1.3 1.3 0 0 1 .24.1a1.4 1.4 0 0 1-.128 2.46a1.4 1.4 0 0 1-.183.068a2 2 0 0 1-.421.07a1.4 1.4 0 0 1-.3-.033a.3.3 0 0 0-.087-.037a1.4 1.4 0 0 1-.985-1.036v-.036l-.007-.039v-.385a1.4 1.4 0 0 1 1.8-1.179Zm-4.825-.9a.56.56 0 0 1 .456-.211h.07a7.7 7.7 0 0 1 2.63.772l-.055.046a2.12 2.12 0 0 0-.751 1.262v.018l-.014.091v.031c0 .029-.006.057-.008.086v.303q-.002.039.007.078l.006.048q.002.032.01.063l.019.1l.018.078a2.24 2.24 0 0 0 .763 1.183q-.105.057-.213.108a4 4 0 0 1-1.137.281a.4.4 0 0 0-.147-.029h-.281a1 1 0 0 0-.215-.028c-.6-.175-.6-.561-.6-.666a5.8 5.8 0 0 0-.316-2.069a.3.3 0 0 0-.055-.07a1 1 0 0 0-.05-.1c-.351-.6-.386-1.053-.14-1.368Zm12.626 10.413a.3.3 0 0 0-.245.281a.33.33 0 0 0 .14.351a.78.78 0 0 1 .316.877a.8.8 0 0 1-.7.6a.35.35 0 0 0-.281.211a.43.43 0 0 0 .071.351a.8.8 0 0 1 .07.946a.78.78 0 0 1-.842.386a.41.41 0 0 0-.351.14a.32.32 0 0 0-.035.351a.77.77 0 0 1-.175.912a.76.76 0 0 1-.911.176a.32.32 0 0 0-.351.035a.36.36 0 0 0-.141.35a.73.73 0 0 1-.385.841a.8.8 0 0 1-.948-.069a.33.33 0 0 0-.35-.07a.3.3 0 0 0-.211.28a.79.79 0 0 1-.6.7a.78.78 0 0 1-.876-.315a.45.45 0 0 0-.349-.144a.34.34 0 0 0-.281.246a.829.829 0 0 1-1.543 0a.3.3 0 0 0-.281-.246h-.035a1 1 0 0 0-.351.106a.78.78 0 0 1-.876.315a.79.79 0 0 1-.6-.7a.35.35 0 0 0-.211-.28a.43.43 0 0 0-.35.07a.8.8 0 0 1-.948.07a.78.78 0 0 1-.385-.842a.4.4 0 0 0-.138-.351a.32.32 0 0 0-.351-.035a.77.77 0 0 1-.911-.176a.76.76 0 0 1-.175-.912a.32.32 0 0 0-.035-.351a.36.36 0 0 0-.351-.14a.78.78 0 0 1-.842-.386a.8.8 0 0 1 .07-.946a.33.33 0 0 0 .071-.351a.31.31 0 0 0-.281-.21a.79.79 0 0 1-.7-.6a.78.78 0 0 1 .316-.877a.45.45 0 0 0 .14-.351a.34.34 0 0 0-.25-.278a.829.829 0 0 1 0-1.543a.3.3 0 0 0 .246-.28a.33.33 0 0 0-.14-.351a.78.78 0 0 1-.316-.877a.8.8 0 0 1 .7-.6a.35.35 0 0 0 .28-.21a.43.43 0 0 0-.07-.351a.86.86 0 0 1-.07-.946a.78.78 0 0 1 .842-.386a.41.41 0 0 0 .351-.14a.55.55 0 0 0 .11-.414a.77.77 0 0 1 .175-.912a.76.76 0 0 1 .911-.176a.32.32 0 0 0 .351-.035a.36.36 0 0 0 .141-.35a.7.7 0 0 1 .038-.371a6.5 6.5 0 0 1 .1 1.212a1.39 1.39 0 0 0 .776 1.2a1 1 0 0 1-.636-.254a.34.34 0 0 0-.491 0a.374.374 0 0 0 .001.486a1.01 1.01 0 0 1 .07 1.227a1.03 1.03 0 0 1-1.156.386a.4.4 0 0 0-.456.21a.35.35 0 0 0 .175.456a.94.94 0 0 1 .526 1.088a.98.98 0 0 1-.912.806a.347.347 0 0 0-.316.351a.9.9 0 0 0 .211.455a.98.98 0 0 1 .912.807a.94.94 0 0 1-.526 1.088a.35.35 0 0 0-.176.456a.365.365 0 0 0 .456.21a1.025 1.025 0 0 1 1.157.386a.96.96 0 0 1-.065 1.231a.34.34 0 0 0 0 .491a.374.374 0 0 0 .491 0a1.01 1.01 0 0 1 1.228-.07a1.03 1.03 0 0 1 .381 1.157a.4.4 0 0 0 .21.456a.347.347 0 0 0 .456-.175a1 1 0 0 1 1.894.386a.352.352 0 0 0 .7 0a.98.98 0 0 1 .807-.912a.94.94 0 0 1 1.087.526a.347.347 0 0 0 .456.175a.365.365 0 0 0 .21-.456a1.02 1.02 0 0 1 .386-1.157a.96.96 0 0 1 1.228.07a.34.34 0 0 0 .491 0a.374.374 0 0 0 0-.491a1.01 1.01 0 0 1-.07-1.227a1.02 1.02 0 0 1 1.156-.386a.4.4 0 0 0 .456-.21a.35.35 0 0 0-.175-.456a1 1 0 0 1 .386-1.9a.353.353 0 0 0 0-.699a.98.98 0 0 1-.912-.807a.94.94 0 0 1 .526-1.088a.35.35 0 0 0 .175-.456a.365.365 0 0 0-.456-.21a1.03 1.03 0 0 1-1.156-.386a.96.96 0 0 1 .07-1.227a.34.34 0 0 0 0-.491a.374.374 0 0 0-.491 0a.97.97 0 0 1-.772.245a1.26 1.26 0 0 0 .844-1.206a1 1 0 0 0 0-.122q.001-.27.014-.5a6 6 0 0 1 .072-.641l.019-.095a.66.66 0 0 1 .105.526a.4.4 0 0 0 .141.351a.32.32 0 0 0 .35.035a.77.77 0 0 1 .911.175a.76.76 0 0 1 .179.918a.32.32 0 0 0 .035.351a.36.36 0 0 0 .351.14a.78.78 0 0 1 .842.386a.8.8 0 0 1-.071.946a.34.34 0 0 0-.07.351a.31.31 0 0 0 .281.211a.756.756 0 0 1 .7.6a.78.78 0 0 1-.316.877a.36.36 0 0 0-.141.351a.34.34 0 0 0 .246.281a.829.829 0 0 1 0 1.542"/></svg>

How to use the Christmas Wreath icon

React

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

<Icon icon="cbi:christmas-wreath" width="24" />

Vue

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

<template>
  <Icon icon="cbi:christmas-wreath" width="24" />
</template>

Svelte

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

<Icon icon="cbi:christmas-wreath" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="cbi:christmas-wreath"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/christmas-wreath.svg" alt="Christmas Wreath icon" width="24" height="24">

Related icons in Custom Brand Icons

Christmas Wreath icon FAQ

Is the Christmas Wreath 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 Christmas Wreath icon in React?

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

How do I add the Christmas Wreath icon to a web page?

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

Browse all Custom Brand Icons →