Color

Advanced editing in SVG Editor

Carbon Icons

Gift 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: gift present reward bonus give

The Gift 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/320079.svg" alt="Gift icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-gift {
  background-image: url('https://proicons.com/icon/320079.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 24.1.2, 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="gift_1_" d="M28,31.36H4c-0.199,0-0.36-0.161-0.36-0.36V14.36H3c-0.199,0-0.36-0.161-0.36-0.36V8
	c0-0.199,0.161-0.36,0.36-0.36h7.257C9.279,6.939,8.64,5.792,8.64,4.5c0-2.128,1.731-3.86,3.86-3.86c1.547,0,2.885,0.915,3.5,2.232
	c0.615-1.317,1.953-2.232,3.5-2.232c2.128,0,3.86,1.731,3.86,3.86c0,1.292-0.64,2.439-1.617,3.14H29c0.199,0,0.36,0.161,0.36,0.36v6
	c0,0.199-0.161,0.36-0.36,0.36h-0.64V31C28.36,31.199,28.199,31.36,28,31.36z M16.36,30.64h11.28V14.36H16.36V30.64z M4.36,30.64
	h11.28V14.36H4.36V30.64z M16.36,13.64h12.28V8.36H16.36V13.64z M3.36,13.64h12.28V8.36H3.36V13.64z M16.36,7.64h3.14
	c1.731,0,3.14-1.409,3.14-3.14s-1.408-3.14-3.14-3.14s-3.14,1.409-3.14,3.14V7.64z M12.5,7.64h3.14V4.5
	c0-1.731-1.409-3.14-3.14-3.14S9.36,2.769,9.36,4.5S10.769,7.64,12.5,7.64z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Gift in other icon packs

Feather Icons

Bootstrap Icons

Copied!

Gift Icon

More from Carbon Icons

Gift in other icon packs