gifts icon
gifts from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- gifts
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- gifts-solid
The same icon in other sets
More objects icons from Line Awesome
Use the gifts icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9 4v3.234L5.516 5.143L4.484 6.857L6.39 8H3v19h6v-2H5V10h8.027c.833-.62 1.857-1 2.973-1c.352 0 .682.042 1 .102V8h-3.389l1.905-1.143l-1.032-1.714L11 7.234V4zm7 7c-1.645 0-3 1.355-3 3c0 .352.075.684.188 1H11v12h18V15h-2.188A2.9 2.9 0 0 0 27 14c0-1.645-1.355-3-3-3c-1.75 0-2.938 1.328-3.719 2.438c-.105.147-.188.294-.281.439c-.094-.145-.176-.29-.281-.44C18.937 12.328 17.75 11 16 11m0 2c.625 0 1.438.671 2.063 1.563c.152.218.129.231.25.439H16c-.566 0-1-.434-1-1A.985.985 0 0 1 16 13m8 0c.566 0 1 .434 1 1s-.434 1-1 1h-2.313c.122-.207.098-.22.25-.438C22.563 13.672 23.375 13 24 13m-11 4h6v8h-6zm8 0h6v8h-6z"/></svg>
React
import type { SVGProps } from "react";
export function LaGifts(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="M9 4v3.234L5.516 5.143L4.484 6.857L6.39 8H3v19h6v-2H5V10h8.027c.833-.62 1.857-1 2.973-1c.352 0 .682.042 1 .102V8h-3.389l1.905-1.143l-1.032-1.714L11 7.234V4zm7 7c-1.645 0-3 1.355-3 3c0 .352.075.684.188 1H11v12h18V15h-2.188A2.9 2.9 0 0 0 27 14c0-1.645-1.355-3-3-3c-1.75 0-2.938 1.328-3.719 2.438c-.105.147-.188.294-.281.439c-.094-.145-.176-.29-.281-.44C18.937 12.328 17.75 11 16 11m0 2c.625 0 1.438.671 2.063 1.563c.152.218.129.231.25.439H16c-.566 0-1-.434-1-1A.985.985 0 0 1 16 13m8 0c.566 0 1 .434 1 1s-.434 1-1 1h-2.313c.122-.207.098-.22.25-.438C22.563 13.672 23.375 13 24 13m-11 4h6v8h-6zm8 0h6v8h-6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9 4v3.234L5.516 5.143L4.484 6.857L6.39 8H3v19h6v-2H5V10h8.027c.833-.62 1.857-1 2.973-1c.352 0 .682.042 1 .102V8h-3.389l1.905-1.143l-1.032-1.714L11 7.234V4zm7 7c-1.645 0-3 1.355-3 3c0 .352.075.684.188 1H11v12h18V15h-2.188A2.9 2.9 0 0 0 27 14c0-1.645-1.355-3-3-3c-1.75 0-2.938 1.328-3.719 2.438c-.105.147-.188.294-.281.439c-.094-.145-.176-.29-.281-.44C18.937 12.328 17.75 11 16 11m0 2c.625 0 1.438.671 2.063 1.563c.152.218.129.231.25.439H16c-.566 0-1-.434-1-1A.985.985 0 0 1 16 13m8 0c.566 0 1 .434 1 1s-.434 1-1 1h-2.313c.122-.207.098-.22.25-.438C22.563 13.672 23.375 13 24 13m-11 4h6v8h-6zm8 0h6v8h-6z"/></svg> </template>
CSS
.icon-gifts {
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%22M9%204v3.234L5.516%205.143L4.484%206.857L6.39%208H3v19h6v-2H5V10h8.027c.833-.62%201.857-1%202.973-1c.352%200%20.682.042%201%20.102V8h-3.389l1.905-1.143l-1.032-1.714L11%207.234V4zm7%207c-1.645%200-3%201.355-3%203c0%20.352.075.684.188%201H11v12h18V15h-2.188A2.9%202.9%200%200%200%2027%2014c0-1.645-1.355-3-3-3c-1.75%200-2.938%201.328-3.719%202.438c-.105.147-.188.294-.281.439c-.094-.145-.176-.29-.281-.44C18.937%2012.328%2017.75%2011%2016%2011m0%202c.625%200%201.438.671%202.063%201.563c.152.218.129.231.25.439H16c-.566%200-1-.434-1-1A.985.985%200%200%201%2016%2013m8%200c.566%200%201%20.434%201%201s-.434%201-1%201h-2.313c.122-.207.098-.22.25-.438C22.563%2013.672%2023.375%2013%2024%2013m-11%204h6v8h-6zm8%200h6v8h-6z%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%22M9%204v3.234L5.516%205.143L4.484%206.857L6.39%208H3v19h6v-2H5V10h8.027c.833-.62%201.857-1%202.973-1c.352%200%20.682.042%201%20.102V8h-3.389l1.905-1.143l-1.032-1.714L11%207.234V4zm7%207c-1.645%200-3%201.355-3%203c0%20.352.075.684.188%201H11v12h18V15h-2.188A2.9%202.9%200%200%200%2027%2014c0-1.645-1.355-3-3-3c-1.75%200-2.938%201.328-3.719%202.438c-.105.147-.188.294-.281.439c-.094-.145-.176-.29-.281-.44C18.937%2012.328%2017.75%2011%2016%2011m0%202c.625%200%201.438.671%202.063%201.563c.152.218.129.231.25.439H16c-.566%200-1-.434-1-1A.985.985%200%200%201%2016%2013m8%200c.566%200%201%20.434%201%201s-.434%201-1%201h-2.313c.122-.207.098-.22.25-.438C22.563%2013.672%2023.375%2013%2024%2013m-11%204h6v8h-6zm8%200h6v8h-6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/gifts.svg?color=%231a73e8&size=48
