candy cane icon
candy-cane from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- candy-cane
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- candy-cane-solid
The same icon in other sets
More objects icons from Line Awesome
Use the candy cane icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 2a7.96 7.96 0 0 0-5.688 2.375l-.718.719l-.688.718l.719.688l2.844 2.813l.687.718l.719-.719l.688-.718C16.945 8.207 17.453 8 18 8c1.113 0 2 .887 2 2a1.95 1.95 0 0 1-.594 1.406L5.72 25.031L5 25.75l.719.688L8.53 29.28l.72.72l.688-.719l13.718-13.625A7.97 7.97 0 0 0 26 10c0-4.402-3.598-8-8-8m0 2c.805 0 1.582.152 2.281.438l-1.062 1.78c-.367-.116-.754-.21-1.157-.218l-.625-1.969C17.625 4.016 17.81 4 18 4m-2.469.563l.594 1.937c-.348.188-.688.402-.969.688L13.72 5.78c.527-.531 1.152-.922 1.812-1.218zm6.438.937a6 6 0 0 1 1.5 2l-1.938.688a4 4 0 0 0-.593-.876zm2 3.938c.015.183.031.374.031.562c0 .695-.125 1.367-.344 2H21.47c.32-.555.508-1.191.531-1.844zM19.656 14h2.813c-.074.082-.14.172-.219.25L20.5 16h-2.844zm-4.031 4h2.844l-2 2h-2.844zm-4 4h2.813l-2 2H9.594zm-3.531 4h2.312L9.25 27.156z"/></svg>
React
import type { SVGProps } from "react";
export function LaCandyCane(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 2a7.96 7.96 0 0 0-5.688 2.375l-.718.719l-.688.718l.719.688l2.844 2.813l.687.718l.719-.719l.688-.718C16.945 8.207 17.453 8 18 8c1.113 0 2 .887 2 2a1.95 1.95 0 0 1-.594 1.406L5.72 25.031L5 25.75l.719.688L8.53 29.28l.72.72l.688-.719l13.718-13.625A7.97 7.97 0 0 0 26 10c0-4.402-3.598-8-8-8m0 2c.805 0 1.582.152 2.281.438l-1.062 1.78c-.367-.116-.754-.21-1.157-.218l-.625-1.969C17.625 4.016 17.81 4 18 4m-2.469.563l.594 1.937c-.348.188-.688.402-.969.688L13.72 5.78c.527-.531 1.152-.922 1.812-1.218zm6.438.937a6 6 0 0 1 1.5 2l-1.938.688a4 4 0 0 0-.593-.876zm2 3.938c.015.183.031.374.031.562c0 .695-.125 1.367-.344 2H21.47c.32-.555.508-1.191.531-1.844zM19.656 14h2.813c-.074.082-.14.172-.219.25L20.5 16h-2.844zm-4.031 4h2.844l-2 2h-2.844zm-4 4h2.813l-2 2H9.594zm-3.531 4h2.312L9.25 27.156z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M18 2a7.96 7.96 0 0 0-5.688 2.375l-.718.719l-.688.718l.719.688l2.844 2.813l.687.718l.719-.719l.688-.718C16.945 8.207 17.453 8 18 8c1.113 0 2 .887 2 2a1.95 1.95 0 0 1-.594 1.406L5.72 25.031L5 25.75l.719.688L8.53 29.28l.72.72l.688-.719l13.718-13.625A7.97 7.97 0 0 0 26 10c0-4.402-3.598-8-8-8m0 2c.805 0 1.582.152 2.281.438l-1.062 1.78c-.367-.116-.754-.21-1.157-.218l-.625-1.969C17.625 4.016 17.81 4 18 4m-2.469.563l.594 1.937c-.348.188-.688.402-.969.688L13.72 5.78c.527-.531 1.152-.922 1.812-1.218zm6.438.937a6 6 0 0 1 1.5 2l-1.938.688a4 4 0 0 0-.593-.876zm2 3.938c.015.183.031.374.031.562c0 .695-.125 1.367-.344 2H21.47c.32-.555.508-1.191.531-1.844zM19.656 14h2.813c-.074.082-.14.172-.219.25L20.5 16h-2.844zm-4.031 4h2.844l-2 2h-2.844zm-4 4h2.813l-2 2H9.594zm-3.531 4h2.312L9.25 27.156z"/></svg> </template>
CSS
.icon-candy-cane {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%202a7.96%207.96%200%200%200-5.688%202.375l-.718.719l-.688.718l.719.688l2.844%202.813l.687.718l.719-.719l.688-.718C16.945%208.207%2017.453%208%2018%208c1.113%200%202%20.887%202%202a1.95%201.95%200%200%201-.594%201.406L5.72%2025.031L5%2025.75l.719.688L8.53%2029.28l.72.72l.688-.719l13.718-13.625A7.97%207.97%200%200%200%2026%2010c0-4.402-3.598-8-8-8m0%202c.805%200%201.582.152%202.281.438l-1.062%201.78c-.367-.116-.754-.21-1.157-.218l-.625-1.969C17.625%204.016%2017.81%204%2018%204m-2.469.563l.594%201.937c-.348.188-.688.402-.969.688L13.72%205.78c.527-.531%201.152-.922%201.812-1.218zm6.438.937a6%206%200%200%201%201.5%202l-1.938.688a4%204%200%200%200-.593-.876zm2%203.938c.015.183.031.374.031.562c0%20.695-.125%201.367-.344%202H21.47c.32-.555.508-1.191.531-1.844zM19.656%2014h2.813c-.074.082-.14.172-.219.25L20.5%2016h-2.844zm-4.031%204h2.844l-2%202h-2.844zm-4%204h2.813l-2%202H9.594zm-3.531%204h2.312L9.25%2027.156z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18%202a7.96%207.96%200%200%200-5.688%202.375l-.718.719l-.688.718l.719.688l2.844%202.813l.687.718l.719-.719l.688-.718C16.945%208.207%2017.453%208%2018%208c1.113%200%202%20.887%202%202a1.95%201.95%200%200%201-.594%201.406L5.72%2025.031L5%2025.75l.719.688L8.53%2029.28l.72.72l.688-.719l13.718-13.625A7.97%207.97%200%200%200%2026%2010c0-4.402-3.598-8-8-8m0%202c.805%200%201.582.152%202.281.438l-1.062%201.78c-.367-.116-.754-.21-1.157-.218l-.625-1.969C17.625%204.016%2017.81%204%2018%204m-2.469.563l.594%201.937c-.348.188-.688.402-.969.688L13.72%205.78c.527-.531%201.152-.922%201.812-1.218zm6.438.937a6%206%200%200%201%201.5%202l-1.938.688a4%204%200%200%200-.593-.876zm2%203.938c.015.183.031.374.031.562c0%20.695-.125%201.367-.344%202H21.47c.32-.555.508-1.191.531-1.844zM19.656%2014h2.813c-.074.082-.14.172-.219.25L20.5%2016h-2.844zm-4.031%204h2.844l-2%202h-2.844zm-4%204h2.813l-2%202H9.594zm-3.531%204h2.312L9.25%2027.156z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/candy-cane.svg?color=%231a73e8&size=48
