Candy Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: candy

The Candy icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/319635.svg" alt="Candy icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/319635.svg" alt="Candy icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/319635.svg"
  alt="Candy icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-candy {
  background-image: url('https://proicons.com/icon/319635.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="candy_00000020356758768767719910000009799452820427088269_" d="M10,31.36c-0.135,0-0.26-0.076-0.322-0.199l-1.871-3.742
	l-3.72,0.931c-0.123,0.027-0.252-0.006-0.342-0.095c-0.089-0.09-0.125-0.22-0.095-0.342l0.93-3.721l-3.742-1.87
	c-0.143-0.071-0.221-0.229-0.193-0.386s0.156-0.276,0.315-0.294l8.154-0.906C8.185,19.39,7.64,17.757,7.64,16
	c0-4.61,3.75-8.36,8.36-8.36c1.757,0,3.39,0.545,4.736,1.475l0.906-8.154c0.018-0.159,0.137-0.287,0.294-0.315
	c0.162-0.03,0.315,0.051,0.386,0.193l1.87,3.742l3.721-0.93c0.121-0.03,0.252,0.006,0.342,0.095
	c0.089,0.089,0.125,0.219,0.095,0.342l-0.931,3.72l3.742,1.871c0.143,0.071,0.222,0.228,0.193,0.385
	c-0.028,0.157-0.156,0.277-0.314,0.295l-8.154,0.906c0.93,1.347,1.475,2.979,1.475,4.736c0,4.609-3.751,8.36-8.36,8.36
	c-1.757,0-3.389-0.545-4.736-1.475l-0.906,8.154c-0.018,0.158-0.138,0.286-0.295,0.314C10.042,31.358,10.021,31.36,10,31.36z
	 M8,26.64c0.134,0,0.26,0.075,0.322,0.199l1.455,2.91l0.819-7.375c-0.083-0.07-0.165-0.143-0.245-0.216l-2.097,2.097l-0.509-0.51
	l2.097-2.097c-0.073-0.08-0.146-0.161-0.216-0.244l-7.375,0.819l2.91,1.454c0.151,0.076,0.229,0.246,0.188,0.409l-0.854,3.418
	l3.418-0.854C7.942,26.644,7.971,26.64,8,26.64z M8.962,13.027C8.575,13.941,8.36,14.946,8.36,16c0,4.213,3.427,7.64,7.64,7.64
	c1.054,0,2.059-0.214,2.973-0.602L8.962,13.027z M9.294,12.341l10.365,10.364c1.283-0.702,2.344-1.763,3.046-3.046L12.341,9.294
	C11.058,9.998,9.998,11.058,9.294,12.341z M13.027,8.962l10.011,10.01c0.388-0.914,0.602-1.919,0.602-2.973
	c0-4.213-3.427-7.64-7.64-7.64C14.946,8.36,13.941,8.575,13.027,8.962z M22.158,10.352c0.073,0.08,0.146,0.162,0.216,0.245
	l7.375-0.819l-2.91-1.455c-0.15-0.075-0.229-0.246-0.188-0.409l0.854-3.418L24.087,5.35c-0.159,0.041-0.333-0.037-0.409-0.188
	l-1.454-2.91l-0.819,7.375c0.083,0.07,0.164,0.143,0.244,0.216l2.097-2.097l0.51,0.509L22.158,10.352z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>