Gift Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Gift Svg 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/308256.svg" alt="Gift Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308256.svg" alt="Gift Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308256.svg" alt="Gift Svg icon" :width="24" :height="24" />
CSS background
.icon-gift---svg {
background-image: url('https://proicons.com/icon/308256.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 19V11H20V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19Z" fill="#FF4B4B" stroke="#FF4B4B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6 4.5C6 3.11929 7.11929 2 8.5 2V2C10.433 2 12 3.567 12 5.5V7H8.5C7.11929 7 6 5.88071 6 4.5V4.5Z" stroke="#FFC800" stroke-width="2" stroke-linejoin="round"/> <path d="M18 4.5C18 3.11929 16.8807 2 15.5 2V2C13.567 2 12 3.567 12 5.5V7H15.5C16.8807 7 18 5.88071 18 4.5V4.5Z" stroke="#FFC800" stroke-width="2" stroke-linejoin="round"/> <path d="M13 11C13 10.4477 12.5523 10 12 10C11.4477 10 11 10.4477 11 11H13ZM11 21V22H13V21H11ZM11 11V21H13V11H11Z" fill="#FFC800"/> <path d="M3 7H21V11H3V7Z" fill="#EA2B2B" stroke="#EA2B2B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from IconaMoon
View all
Copied!