Color

Advanced editing in SVG Editor

Mage Icons

Gift Icon

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

Download SVG

Collection: Mage Icons
Format: SVG, Font, 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/310150.svg" alt="Gift icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-gift {
  background-image: url('https://proicons.com/icon/310150.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="M19.6898 6.09422H18.2198C18.4711 5.26903 18.4143 4.38065 18.0598 3.59422C17.7818 3.05346 17.3461 2.60995 16.8103 2.32243C16.2746 2.03491 15.6641 1.91697 15.0598 1.98424C14.454 1.95021 13.8502 2.07987 13.3118 2.35964C12.7734 2.6394 12.3202 3.05895 11.9998 3.57424C11.865 3.36112 11.7074 3.16329 11.5298 2.98424C11.1831 2.64664 10.7708 2.38371 10.3185 2.21172C9.86611 2.03972 9.38328 1.9623 8.89983 1.98424C8.29565 1.92754 7.68824 2.05116 7.15428 2.33949C6.62033 2.62783 6.18379 3.06794 5.89983 3.60423C5.54962 4.38819 5.49283 5.27189 5.73982 6.09422H4.28984C3.68331 6.09686 3.10237 6.33898 2.67348 6.76787C2.24459 7.19676 2.00246 7.7777 1.99983 8.38423V10.3842C2.00141 10.9525 2.21241 11.5002 2.59245 11.9227C2.97249 12.3452 3.49491 12.6127 4.05983 12.6742V19.2242C4.06244 19.967 4.35797 20.6787 4.88222 21.2048C5.40647 21.7309 6.11714 22.029 6.85985 22.0342H17.1398C17.8826 22.029 18.5932 21.7309 19.1174 21.2048C19.6417 20.6787 19.9372 19.967 19.9398 19.2242V12.7242C20.5048 12.6627 21.0272 12.3952 21.4072 11.9727C21.7873 11.5502 21.9982 11.0025 21.9998 10.4342V8.43422C22.0052 8.12799 21.9493 7.82379 21.8355 7.53944C21.7216 7.2551 21.5522 6.99636 21.337 6.7784C21.1218 6.56043 20.8653 6.38764 20.5824 6.27016C20.2996 6.15267 19.9961 6.09285 19.6898 6.09422ZM15.0598 3.48424C15.3737 3.44017 15.6937 3.48635 15.9824 3.61739C16.271 3.74843 16.5164 3.9589 16.6898 4.22423C16.8027 4.52087 16.8522 4.8379 16.8349 5.15483C16.8177 5.47177 16.7342 5.78156 16.5898 6.06423H12.7298C12.9498 3.48423 14.5098 3.48424 15.0398 3.48424H15.0598ZM7.22984 4.26424C7.40095 3.98469 7.65054 3.76167 7.94749 3.62297C8.24445 3.48427 8.57564 3.43603 8.89983 3.48424C9.18359 3.46494 9.46832 3.50377 9.73656 3.59834C10.0048 3.69292 10.2509 3.84123 10.4598 4.03423C10.9431 4.61203 11.2085 5.34097 11.2098 6.09422H7.31984C7.17073 5.80789 7.08385 5.49325 7.0649 5.17098C7.04594 4.8487 7.09531 4.52607 7.20982 4.22423L7.22984 4.26424ZM3.47984 10.4342V8.43422C3.47984 8.2247 3.56307 8.02378 3.71123 7.87563C3.85938 7.72747 4.0603 7.64424 4.26982 7.64424H11.2698V11.2242H4.26982C4.16441 11.2269 4.05955 11.2084 3.96138 11.1699C3.86321 11.1314 3.77375 11.0737 3.69826 11C3.62277 10.9264 3.56278 10.8384 3.52184 10.7412C3.48089 10.6441 3.45979 10.5397 3.45982 10.4342H3.47984ZM20.4798 10.4342C20.4812 10.5388 20.4617 10.6426 20.4226 10.7396C20.3835 10.8366 20.3255 10.9249 20.252 10.9993C20.1785 11.0737 20.091 11.1328 19.9945 11.1731C19.898 11.2135 19.7944 11.2342 19.6898 11.2342H12.6898V7.59422H19.6898C19.7936 7.59422 19.8963 7.61467 19.9921 7.65437C20.088 7.69408 20.1751 7.75225 20.2485 7.82561C20.3218 7.89897 20.38 7.98605 20.4197 8.08189C20.4594 8.17774 20.4798 8.28049 20.4798 8.38423V10.4342Z" fill="black"/>
</svg>

Gift in other icon packs

Feather Icons

Bootstrap Icons

Copied!

Gift Icon

More from Mage Icons

Gift in other icon packs