Cinnamon icon
ls:cinnamon
The Cinnamon icon (ls:cinnamon) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 819 × 727 grid. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 819 × 727
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="819" height="727" viewBox="0 0 819 727"><path fill="currentColor" d="m793 342l26 26l-26 17l24 37l-41 4c2 0 16 32 16 32l-34-5c0 4-2 52-2 52l-19-14l2 26l-26-14l2 35l-10-9c2 14 8 42 10 43c-5 0-31-9-31-9c-2 8-6 43-6 43l-21-11l-4 46l-13-11c4 30 7 77-22 80c-28 3-54-32-61-59c-2-3-3-5-3-5c-7 10-31 31-31 31l-9-28l-16 20c0 24-6 51-26 56c-39 10-63-41-70-57v-2c-16 3-68 13-123 15c-2 19-15 37-39 37c-28 0-50-24-54-46c-4-2-8-3-12-5c-5 22-16 45-28 50c-19 8-65-7-68-31c-1-5-1-12-1-19l-37 13s4-27 7-33L7 627s13-13 23-20c2-2 4-3 6-5L0 584s22-16 32-21c0 0-25-12-32-16c0 0 25-18 34-22c1 0-33-36-33-36s14-6 24-9c-5 0-16-23-23-30c0 0 20-5 34-6l-21-33s33-1 36-1l-14-32s28 3 36 7l-12-36l29 2l-7-38s39 14 43 16c0 0-7-33 0-25c5 6 33 34 41 40c7 4 85 36 103 41c11 4 41-10 60-21c-23-6-59-19-60-25c5-9 53-11 79-52c26-42 26-85 26-85l-14-15l20-11c-5-2-28-29-31-91c-3-22-19-64-19-64l14 7l3-23l18 19c7-5 13-20 13-20s0 12 4 23c12 4 73 28 83 55s24 36 24 44c2-7 16-18 16-18l-3 19c4 0 87 10 87 10l3-20l11 10s37-63 47-85c10-23 35-42 35-42l-16 33c12-7 45-26 45-26c-8 6-22 20-20 26c13 24 33 137 15 163c32 0 9 8 9 8l-11 7c0 6 6 40 19 55c15 19 26 32 33 36c10 3 59 20 59 20zm-51 140l-2-43c12 3 26 6 29 4c-1-11-11-19-10-26c0 0 31-8 34-6c0 0-22-26-22-29c0 0 21-8 22-13c2-3-20-18-25-26c0 0 19-13 24-16c0 0-13-3-24-10c-26-7-37-31-41-39c-3-8-34-49-35-69c10-32 22-115-13-165c-5-8-15 3-15 3c-5 4-51 87-51 97c-4 0-10 0-10 5c-10-2-100-10-113 3c-5-11-35-74-70-94c-36-20-63-16-63-16c2 12 3 99 39 135c-17 5-20 11-20 11l13 9c-3 4-11 83-40 109c-20 18-52 37-52 37c3 4 22 14 39 18c9-5 15-10 15-10l-7 11c7 1 14 1 18-1c-20 14-30 24-30 24c2 2 27 8 27 8c-4 4-17 23-17 23c0 1 23 6 23 6c-2 2-10 17-10 17s23 2 34 14c1 1 0 1-1 1c6 4 11 7 14 9c-8-2-51-14-60-13c4-7 9-21 9-21l-28-8l21-24l-30-8c-23 9-53 17-77 3c-31-18-93-33-93-35c-17-16-42-20-42-20l3 32c-5 0-23 1-26-2c-2 3 9 28 9 28c2 2-32-3-32-3c0 3 16 27 21 30c-10-1-39 0-39 0c0 2 23 31 23 31c-8 0-33 6-33 6l28 29c-5 2-29 7-29 7c0 2 24 30 31 30c-17 4-31 22-31 22s28 13 31 13c-6 4-30 24-30 24l33 13c-11 8-28 24-28 24s28 13 36 10l-11 27l20-10c1-15 4-28 8-29c2-1 3 0 6 5c9 22-13 66 29 76c31 8 37-39 42-71c0 0 3-3 6-1c4 0 8 1 10 6c1 2 1 7 0 14c49 17 180 14 217 1q-4.5-16.5-3-30c3-8 14 4 14 4c-4 35 19 100 52 94c28-6 26-52 25-86l-34 21c2-1-10-18-9-36c0 0 11 15 18 21c6-5 14-9 26-21c8 12 16 30 16 30l18-20l11 23l26-25l18 23s18-26 18-29c0 0 11 18 12 19c4 0 19-35 19-35s15 12 19 11c1-7 6-36 6-34l18 7s9-36 11-41c5 2 12 2 17 5c0 0-3-2-4-32l-20-15l-25 41l-27-28s-28 34-37 36c-6-5-4-22-4-22c-7 9-33 27-33 27c0-5-6-22-6-22l-32-5c3 0 37-9 37-9l8 21l30-26s5 18 5 21c0 0 34-31 34-35c0 0 20 30 25 28c5-4 22-42 22-43c0 0 23 16 26 23c0-1 7-28 7-28s26 18 26 15l-7-33zm-58-303l-19-3s7-6 12-11c-3-2-15-5-24-4c2-6 23-12 19-16c-26 4-32 7-35 16c-1 1-1 3-2 4c-4-6-8-12-8-14c0-8 30-59 41-75c14-20 35 103 16 120c-5-4-10-7-10-7s11-6 10-10m-263-15l-14-3c-25-26-27-92-27-92s21 6 34 10c33 19 51 79 52 83l-3 2c-7-4-28-16-37-19c15 14-7 0-7 0l19 17c-1 0-26-11-26-11c2 2 9 13 9 13m212 78v-1c-4-11-3-22 1-28c3-4 7-6 11-6c6 0 14 3 22 17c10 20 4 39 0 47c-3 6-9 7-12 7c-10 0-14-12-22-36m-108-32c10 0 22 9 23 24c3 31-5 41-12 43c-2 0-4 1-6 1c-12 0-15-15-18-30c-1-5-2-10-4-14c-1-6-1-13 3-17c3-5 8-7 14-7m15 29c1-3 0-10-3-14c0 0-1 0-1-1c-13-12-3 21 1 19c1-1 2-2 3-4m195 107c7 0 15 6 16 13c1 4-2 8-6 11c-7 9-18 14-31 14c-7 0-12-1-13-1c-2-1-4-2-5-4c0-1-2-4-4-9c-2 2-4 3-6 4q-6 6-15 9c-10 4-22 6-34 6c-25 0-53-7-62-16c-3-3-8-8-6-15c2-4 7-7 11-7c3 0 8 3 17 6c9 4 21 8 29 9c4 1 8 1 12 1c14 0 29-3 38-8c3-2 5-6 7-10v-7c0-4-1-8-1-11c-4-2-8-4-11-7c-4-4-11-7-17-10c-9-5-17-10-17-18c0-2 0-7 5-11c11-8 40-8 43-8c6 0 17 0 23 3c15 6 22 8 23 16c2 7-3 13-9 19c-5 4-10 9-16 12v5c0 9 1 11 1 11c7 11 12 16 14 17l1-1c1-9 8-13 13-13"/></svg>How to use the Cinnamon icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:cinnamon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:cinnamon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:cinnamon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--cinnamon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:cinnamon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:cinnamon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ls/cinnamon.svg" alt="Cinnamon icon" width="24" height="24">Cinnamon icon in other icon sets
Cinnamon icon FAQ
Is the Cinnamon icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Cinnamon icon in React?
Install @iconify/react and render <Icon icon="ls:cinnamon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cinnamon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/cinnamon.svg" alt="Cinnamon icon">, or paste the SVG code inline to style it with CSS.