gift icon
gift from Line Awesome by Icons8 · Line · Payments & Shopping · Apache-2.0 Free for personal and commercial use.
- Name
- gift
- Set
- Line Awesome
- Style
- Line
- Category
- Payments & Shopping
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- gift-solid
The same icon in other sets
giftAkar IconsgiftBootstrap IconsgiftBoxIcons v2giftBoxIcons v2 SolidgiftCarbongift-fillEva IconsgiftFramework7 IconsgiftFont Awesome 6 SolidgiftFeather Iconsgift-16-filledFluent UI System Iconsgiftcss.gggiftHeroIconsgiftHuge IconsgiftHumbleiconsgiftIconoirgiftIonIconsgiftJam IconsgiftLucidegiftMage IconsgiftMaterial Design Iconsgift-fillMingCute IcongiftOcticonsgiftPhosphorgiftPixelarticons
More payments & shopping icons from Line Awesome
Use the gift icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12 5c-1.645 0-3 1.355-3 3c0 .352.074.684.188 1H4v6h1v13h22V15h1V9h-5.188A3 3 0 0 0 23 8c0-1.645-1.355-3-3-3c-1.75 0-2.938 1.328-3.719 2.438c-.105.148-.187.292-.281.437c-.094-.145-.176-.29-.281-.438C14.938 6.329 13.75 5 12 5m0 2c.625 0 1.438.672 2.063 1.563c.152.218.128.23.25.437H12c-.566 0-1-.434-1-1s.434-1 1-1m8 0c.566 0 1 .434 1 1s-.434 1-1 1h-2.313c.122-.207.098-.219.25-.438C18.563 7.673 19.375 7 20 7M6 11h20v2h-9v-1h-2v1H6zm1 4h18v11h-8V16h-2v10H7z"/></svg>
React
import type { SVGProps } from "react";
export function LaGift(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12 5c-1.645 0-3 1.355-3 3c0 .352.074.684.188 1H4v6h1v13h22V15h1V9h-5.188A3 3 0 0 0 23 8c0-1.645-1.355-3-3-3c-1.75 0-2.938 1.328-3.719 2.438c-.105.148-.187.292-.281.437c-.094-.145-.176-.29-.281-.438C14.938 6.329 13.75 5 12 5m0 2c.625 0 1.438.672 2.063 1.563c.152.218.128.23.25.437H12c-.566 0-1-.434-1-1s.434-1 1-1m8 0c.566 0 1 .434 1 1s-.434 1-1 1h-2.313c.122-.207.098-.219.25-.438C18.563 7.673 19.375 7 20 7M6 11h20v2h-9v-1h-2v1H6zm1 4h18v11h-8V16h-2v10H7z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12 5c-1.645 0-3 1.355-3 3c0 .352.074.684.188 1H4v6h1v13h22V15h1V9h-5.188A3 3 0 0 0 23 8c0-1.645-1.355-3-3-3c-1.75 0-2.938 1.328-3.719 2.438c-.105.148-.187.292-.281.437c-.094-.145-.176-.29-.281-.438C14.938 6.329 13.75 5 12 5m0 2c.625 0 1.438.672 2.063 1.563c.152.218.128.23.25.437H12c-.566 0-1-.434-1-1s.434-1 1-1m8 0c.566 0 1 .434 1 1s-.434 1-1 1h-2.313c.122-.207.098-.219.25-.438C18.563 7.673 19.375 7 20 7M6 11h20v2h-9v-1h-2v1H6zm1 4h18v11h-8V16h-2v10H7z"/></svg> </template>
CSS
.icon-gift {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%205c-1.645%200-3%201.355-3%203c0%20.352.074.684.188%201H4v6h1v13h22V15h1V9h-5.188A3%203%200%200%200%2023%208c0-1.645-1.355-3-3-3c-1.75%200-2.938%201.328-3.719%202.438c-.105.148-.187.292-.281.437c-.094-.145-.176-.29-.281-.438C14.938%206.329%2013.75%205%2012%205m0%202c.625%200%201.438.672%202.063%201.563c.152.218.128.23.25.437H12c-.566%200-1-.434-1-1s.434-1%201-1m8%200c.566%200%201%20.434%201%201s-.434%201-1%201h-2.313c.122-.207.098-.219.25-.438C18.563%207.673%2019.375%207%2020%207M6%2011h20v2h-9v-1h-2v1H6zm1%204h18v11h-8V16h-2v10H7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%205c-1.645%200-3%201.355-3%203c0%20.352.074.684.188%201H4v6h1v13h22V15h1V9h-5.188A3%203%200%200%200%2023%208c0-1.645-1.355-3-3-3c-1.75%200-2.938%201.328-3.719%202.438c-.105.148-.187.292-.281.437c-.094-.145-.176-.29-.281-.438C14.938%206.329%2013.75%205%2012%205m0%202c.625%200%201.438.672%202.063%201.563c.152.218.128.23.25.437H12c-.566%200-1-.434-1-1s.434-1%201-1m8%200c.566%200%201%20.434%201%201s-.434%201-1%201h-2.313c.122-.207.098-.219.25-.438C18.563%207.673%2019.375%207%2020%207M6%2011h20v2h-9v-1h-2v1H6zm1%204h18v11h-8V16h-2v10H7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/gift.svg?color=%231a73e8&size=48
