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/308864.svg" alt="Gift Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308864.svg" alt="Gift Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308864.svg" alt="Gift Svg icon" :width="24" :height="24" />
CSS background
.icon-gift---svg {
background-image: url('https://proicons.com/icon/308864.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 fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1C6.567 1 5 2.567 5 4.5C5 5.0368 5.12085 5.54537 5.33682 6H3C2.44772 6 2 6.44772 2 7V11C2 11.5523 2.44772 12 3 12V19C3 20.6569 4.34315 22 6 22H12H18C19.6569 22 21 20.6569 21 19V12C21.5523 12 22 11.5523 22 11V7C22 6.44772 21.5523 6 21 6H18.6632C18.8792 5.54537 19 5.0368 19 4.5C19 2.567 17.433 1 15.5 1C14.0864 1 12.825 1.65183 12 2.67134C11.175 1.65183 9.91363 1 8.5 1ZM13 20H18C18.5523 20 19 19.5523 19 19V12H13V20ZM11 12V20H6C5.44772 20 5 19.5523 5 19V12H11ZM15.5 6C16.3284 6 17 5.32843 17 4.5C17 3.67157 16.3284 3 15.5 3C14.1193 3 13 4.11929 13 5.5V6H15.5ZM11 6V5.5C11 4.11929 9.88071 3 8.5 3C7.67157 3 7 3.67157 7 4.5C7 5.32843 7.67157 6 8.5 6H11Z" fill="#292929"/> </svg>
Copied!