candy cane icon

candy-cane from Font Awesome 6 Solid by Dave Gandy · Regular · Food · CC-BY-4.0 Attribution required.

Name
candy-cane
Set
Font Awesome 6 Solid
Style
Regular
Category
Food
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

candy-caneFont Awesome Solidcandy-cane-outlineFlowbite Iconscandy-caneHuge Iconscandy-caneLine Awesomecandy-caneLucide

More food icons from Font Awesome 6 Solid

baconbonebread-slicecarrotcheesecloud-meatballegghotdoglemonpepper-hotpizza-slicestroopwafel

Use the candy cane icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M348.8 131.5c3.7-2.3 7.9-3.5 12.2-3.5c12.7 0 23 10.3 23 23v5.6c0 9.9-5.1 19.1-13.5 24.3L30.1 393.7C.1 412.5-9 451.9 9.7 481.9s58.2 39.1 88.2 20.4l340.5-212.8c45.8-28.6 73.6-78.8 73.6-132.8v-5.6C512 67.6 444.4 0 361 0c-28.3 0-56 8-80.1 23l-26.8 16.7c-30 18.7-39.1 58.2-20.4 88.2s58.2 39.1 88.2 20.4l26.8-16.8zm-50.4-81.7c9.2-5.7 19.1-10.1 29.4-13.1L348 97.5c-5.7 1.4-11.2 3.7-16.3 6.8l-12.6 7.9zm88.5 52.7l46.2-46.2c8.5 6.5 16.1 14.1 22.6 22.6l-46.2 46.2c-5.1-9.6-13-17.5-22.6-22.6m28.9 59.3l61.6 20.5c-2.2 10.5-5.8 20.7-10.5 30.2l-62-20.7c6.2-8.8 10.1-19.1 11-30.1zm-86.1 82.5l60.4 37.7l-30.2 18.9l-60.4-37.7zm-107.2 67l60.4 37.7l-30.2 18.9l-60.4-37.7zm-103.2 64.4l60.4 37.7l-30.2 18.9l-60.4-37.7z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidCandyCane(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M348.8 131.5c3.7-2.3 7.9-3.5 12.2-3.5c12.7 0 23 10.3 23 23v5.6c0 9.9-5.1 19.1-13.5 24.3L30.1 393.7C.1 412.5-9 451.9 9.7 481.9s58.2 39.1 88.2 20.4l340.5-212.8c45.8-28.6 73.6-78.8 73.6-132.8v-5.6C512 67.6 444.4 0 361 0c-28.3 0-56 8-80.1 23l-26.8 16.7c-30 18.7-39.1 58.2-20.4 88.2s58.2 39.1 88.2 20.4l26.8-16.8zm-50.4-81.7c9.2-5.7 19.1-10.1 29.4-13.1L348 97.5c-5.7 1.4-11.2 3.7-16.3 6.8l-12.6 7.9zm88.5 52.7l46.2-46.2c8.5 6.5 16.1 14.1 22.6 22.6l-46.2 46.2c-5.1-9.6-13-17.5-22.6-22.6m28.9 59.3l61.6 20.5c-2.2 10.5-5.8 20.7-10.5 30.2l-62-20.7c6.2-8.8 10.1-19.1 11-30.1zm-86.1 82.5l60.4 37.7l-30.2 18.9l-60.4-37.7zm-107.2 67l60.4 37.7l-30.2 18.9l-60.4-37.7zm-103.2 64.4l60.4 37.7l-30.2 18.9l-60.4-37.7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M348.8 131.5c3.7-2.3 7.9-3.5 12.2-3.5c12.7 0 23 10.3 23 23v5.6c0 9.9-5.1 19.1-13.5 24.3L30.1 393.7C.1 412.5-9 451.9 9.7 481.9s58.2 39.1 88.2 20.4l340.5-212.8c45.8-28.6 73.6-78.8 73.6-132.8v-5.6C512 67.6 444.4 0 361 0c-28.3 0-56 8-80.1 23l-26.8 16.7c-30 18.7-39.1 58.2-20.4 88.2s58.2 39.1 88.2 20.4l26.8-16.8zm-50.4-81.7c9.2-5.7 19.1-10.1 29.4-13.1L348 97.5c-5.7 1.4-11.2 3.7-16.3 6.8l-12.6 7.9zm88.5 52.7l46.2-46.2c8.5 6.5 16.1 14.1 22.6 22.6l-46.2 46.2c-5.1-9.6-13-17.5-22.6-22.6m28.9 59.3l61.6 20.5c-2.2 10.5-5.8 20.7-10.5 30.2l-62-20.7c6.2-8.8 10.1-19.1 11-30.1zm-86.1 82.5l60.4 37.7l-30.2 18.9l-60.4-37.7zm-107.2 67l60.4 37.7l-30.2 18.9l-60.4-37.7zm-103.2 64.4l60.4 37.7l-30.2 18.9l-60.4-37.7z"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M348.8%20131.5c3.7-2.3%207.9-3.5%2012.2-3.5c12.7%200%2023%2010.3%2023%2023v5.6c0%209.9-5.1%2019.1-13.5%2024.3L30.1%20393.7C.1%20412.5-9%20451.9%209.7%20481.9s58.2%2039.1%2088.2%2020.4l340.5-212.8c45.8-28.6%2073.6-78.8%2073.6-132.8v-5.6C512%2067.6%20444.4%200%20361%200c-28.3%200-56%208-80.1%2023l-26.8%2016.7c-30%2018.7-39.1%2058.2-20.4%2088.2s58.2%2039.1%2088.2%2020.4l26.8-16.8zm-50.4-81.7c9.2-5.7%2019.1-10.1%2029.4-13.1L348%2097.5c-5.7%201.4-11.2%203.7-16.3%206.8l-12.6%207.9zm88.5%2052.7l46.2-46.2c8.5%206.5%2016.1%2014.1%2022.6%2022.6l-46.2%2046.2c-5.1-9.6-13-17.5-22.6-22.6m28.9%2059.3l61.6%2020.5c-2.2%2010.5-5.8%2020.7-10.5%2030.2l-62-20.7c6.2-8.8%2010.1-19.1%2011-30.1zm-86.1%2082.5l60.4%2037.7l-30.2%2018.9l-60.4-37.7zm-107.2%2067l60.4%2037.7l-30.2%2018.9l-60.4-37.7zm-103.2%2064.4l60.4%2037.7l-30.2%2018.9l-60.4-37.7z%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M348.8%20131.5c3.7-2.3%207.9-3.5%2012.2-3.5c12.7%200%2023%2010.3%2023%2023v5.6c0%209.9-5.1%2019.1-13.5%2024.3L30.1%20393.7C.1%20412.5-9%20451.9%209.7%20481.9s58.2%2039.1%2088.2%2020.4l340.5-212.8c45.8-28.6%2073.6-78.8%2073.6-132.8v-5.6C512%2067.6%20444.4%200%20361%200c-28.3%200-56%208-80.1%2023l-26.8%2016.7c-30%2018.7-39.1%2058.2-20.4%2088.2s58.2%2039.1%2088.2%2020.4l26.8-16.8zm-50.4-81.7c9.2-5.7%2019.1-10.1%2029.4-13.1L348%2097.5c-5.7%201.4-11.2%203.7-16.3%206.8l-12.6%207.9zm88.5%2052.7l46.2-46.2c8.5%206.5%2016.1%2014.1%2022.6%2022.6l-46.2%2046.2c-5.1-9.6-13-17.5-22.6-22.6m28.9%2059.3l61.6%2020.5c-2.2%2010.5-5.8%2020.7-10.5%2030.2l-62-20.7c6.2-8.8%2010.1-19.1%2011-30.1zm-86.1%2082.5l60.4%2037.7l-30.2%2018.9l-60.4-37.7zm-107.2%2067l60.4%2037.7l-30.2%2018.9l-60.4-37.7zm-103.2%2064.4l60.4%2037.7l-30.2%2018.9l-60.4-37.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/candy-cane.svg?color=%231a73e8&size=48