giftcard icon
giftcard from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- giftcard
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Use the giftcard icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M46.593 9q3.438 0 5.158 1.708q1.629 1.62 1.714 4.731l.005.35v23.852q0 3.374-1.72 5.07q-1.628 1.61-4.8 1.693l-.357.005H8.877q-3.438 0-5.158-1.697q-1.629-1.61-1.714-4.72L2 39.642V15.79q0-3.396 1.72-5.093q1.628-1.608 4.8-1.692L8.877 9zM5.526 39.444q0 1.709.876 2.574q.81.798 2.27.86l.25.005l17.477-.001V31.275h-.153q-.547 1.686-1.72 3.22a16.5 16.5 0 0 1-2.672 2.759a16.7 16.7 0 0 1-3.044 2.004q-1.544.777-2.793.975q-.94.13-1.478-.417q-.537-.547-.537-1.27q0-.789.46-1.281q.403-.432 1.09-.552l.203-.029q1.14-.13 2.43-.843a15 15 0 0 0 2.509-1.752a18 18 0 0 0 2.168-2.19q.833-1.006 1.307-1.904l.127-.254H5.526zm44.417-9.703h-18.77q.483 1.008 1.435 2.158a18 18 0 0 0 2.169 2.19q1.215 1.041 2.496 1.752q1.14.632 2.166.807l.255.036q.854.088 1.314.58q.46.494.46 1.282q0 .723-.537 1.27q-.536.547-1.478.417q-1.27-.198-2.804-.975a17 17 0 0 1-3.033-2.004q-1.5-1.227-2.672-2.76a11 11 0 0 1-1.59-2.847l-.13-.372h-.175v11.607h17.5q1.62 0 2.508-.864q.819-.8.882-2.316l.005-.258zm-3.149-17.21l-.245-.005h-17.5v7.513a9.4 9.4 0 0 1 1.763-2.42a7.7 7.7 0 0 1 2.29-1.566a6.4 6.4 0 0 1 2.605-.548q2.366 0 3.932 1.566t1.566 3.975q0 1.38-.591 2.574a7 7 0 0 1-1.654 2.135a9.6 9.6 0 0 1-2.119 1.414l-.345.163h13.447V15.987q0-1.709-.886-2.585q-.819-.81-2.263-.87M26.4 12.526H8.921q-1.643 0-2.519.876q-.81.81-.87 2.327l-.006.258v11.345h13.426a9.9 9.9 0 0 1-2.442-1.577a7.1 7.1 0 0 1-1.664-2.135a5.6 5.6 0 0 1-.603-2.574q0-2.409 1.577-3.975q1.578-1.566 3.92-1.566q1.38 0 2.629.548a7.7 7.7 0 0 1 2.289 1.566a8.8 8.8 0 0 1 1.56 2.075l.181.345zm-6.483 6.089q-1.182 0-1.884.712q-.7.712-.7 1.96q0 1.03.635 2.048q.634 1.018 1.752 1.84a9.7 9.7 0 0 0 2.56 1.325q1.266.44 2.664.496l.403.008h.657v-.614a9.1 9.1 0 0 0-.482-2.978a8.4 8.4 0 0 0-1.336-2.486q-.855-1.084-1.95-1.698a4.7 4.7 0 0 0-2.321-.613m15.616 0a4.64 4.64 0 0 0-2.3.613q-1.095.614-1.949 1.698a8.6 8.6 0 0 0-1.347 2.486a8.8 8.8 0 0 0-.485 2.587l-.008.391v.614h.658a9.3 9.3 0 0 0 3.088-.504a9.5 9.5 0 0 0 2.551-1.325q1.106-.822 1.742-1.84t.635-2.048q0-1.248-.69-1.96t-1.895-.712"/></svg>
React
import type { SVGProps } from "react";
export function F7Giftcard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M46.593 9q3.438 0 5.158 1.708q1.629 1.62 1.714 4.731l.005.35v23.852q0 3.374-1.72 5.07q-1.628 1.61-4.8 1.693l-.357.005H8.877q-3.438 0-5.158-1.697q-1.629-1.61-1.714-4.72L2 39.642V15.79q0-3.396 1.72-5.093q1.628-1.608 4.8-1.692L8.877 9zM5.526 39.444q0 1.709.876 2.574q.81.798 2.27.86l.25.005l17.477-.001V31.275h-.153q-.547 1.686-1.72 3.22a16.5 16.5 0 0 1-2.672 2.759a16.7 16.7 0 0 1-3.044 2.004q-1.544.777-2.793.975q-.94.13-1.478-.417q-.537-.547-.537-1.27q0-.789.46-1.281q.403-.432 1.09-.552l.203-.029q1.14-.13 2.43-.843a15 15 0 0 0 2.509-1.752a18 18 0 0 0 2.168-2.19q.833-1.006 1.307-1.904l.127-.254H5.526zm44.417-9.703h-18.77q.483 1.008 1.435 2.158a18 18 0 0 0 2.169 2.19q1.215 1.041 2.496 1.752q1.14.632 2.166.807l.255.036q.854.088 1.314.58q.46.494.46 1.282q0 .723-.537 1.27q-.536.547-1.478.417q-1.27-.198-2.804-.975a17 17 0 0 1-3.033-2.004q-1.5-1.227-2.672-2.76a11 11 0 0 1-1.59-2.847l-.13-.372h-.175v11.607h17.5q1.62 0 2.508-.864q.819-.8.882-2.316l.005-.258zm-3.149-17.21l-.245-.005h-17.5v7.513a9.4 9.4 0 0 1 1.763-2.42a7.7 7.7 0 0 1 2.29-1.566a6.4 6.4 0 0 1 2.605-.548q2.366 0 3.932 1.566t1.566 3.975q0 1.38-.591 2.574a7 7 0 0 1-1.654 2.135a9.6 9.6 0 0 1-2.119 1.414l-.345.163h13.447V15.987q0-1.709-.886-2.585q-.819-.81-2.263-.87M26.4 12.526H8.921q-1.643 0-2.519.876q-.81.81-.87 2.327l-.006.258v11.345h13.426a9.9 9.9 0 0 1-2.442-1.577a7.1 7.1 0 0 1-1.664-2.135a5.6 5.6 0 0 1-.603-2.574q0-2.409 1.577-3.975q1.578-1.566 3.92-1.566q1.38 0 2.629.548a7.7 7.7 0 0 1 2.289 1.566a8.8 8.8 0 0 1 1.56 2.075l.181.345zm-6.483 6.089q-1.182 0-1.884.712q-.7.712-.7 1.96q0 1.03.635 2.048q.634 1.018 1.752 1.84a9.7 9.7 0 0 0 2.56 1.325q1.266.44 2.664.496l.403.008h.657v-.614a9.1 9.1 0 0 0-.482-2.978a8.4 8.4 0 0 0-1.336-2.486q-.855-1.084-1.95-1.698a4.7 4.7 0 0 0-2.321-.613m15.616 0a4.64 4.64 0 0 0-2.3.613q-1.095.614-1.949 1.698a8.6 8.6 0 0 0-1.347 2.486a8.8 8.8 0 0 0-.485 2.587l-.008.391v.614h.658a9.3 9.3 0 0 0 3.088-.504a9.5 9.5 0 0 0 2.551-1.325q1.106-.822 1.742-1.84t.635-2.048q0-1.248-.69-1.96t-1.895-.712"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M46.593 9q3.438 0 5.158 1.708q1.629 1.62 1.714 4.731l.005.35v23.852q0 3.374-1.72 5.07q-1.628 1.61-4.8 1.693l-.357.005H8.877q-3.438 0-5.158-1.697q-1.629-1.61-1.714-4.72L2 39.642V15.79q0-3.396 1.72-5.093q1.628-1.608 4.8-1.692L8.877 9zM5.526 39.444q0 1.709.876 2.574q.81.798 2.27.86l.25.005l17.477-.001V31.275h-.153q-.547 1.686-1.72 3.22a16.5 16.5 0 0 1-2.672 2.759a16.7 16.7 0 0 1-3.044 2.004q-1.544.777-2.793.975q-.94.13-1.478-.417q-.537-.547-.537-1.27q0-.789.46-1.281q.403-.432 1.09-.552l.203-.029q1.14-.13 2.43-.843a15 15 0 0 0 2.509-1.752a18 18 0 0 0 2.168-2.19q.833-1.006 1.307-1.904l.127-.254H5.526zm44.417-9.703h-18.77q.483 1.008 1.435 2.158a18 18 0 0 0 2.169 2.19q1.215 1.041 2.496 1.752q1.14.632 2.166.807l.255.036q.854.088 1.314.58q.46.494.46 1.282q0 .723-.537 1.27q-.536.547-1.478.417q-1.27-.198-2.804-.975a17 17 0 0 1-3.033-2.004q-1.5-1.227-2.672-2.76a11 11 0 0 1-1.59-2.847l-.13-.372h-.175v11.607h17.5q1.62 0 2.508-.864q.819-.8.882-2.316l.005-.258zm-3.149-17.21l-.245-.005h-17.5v7.513a9.4 9.4 0 0 1 1.763-2.42a7.7 7.7 0 0 1 2.29-1.566a6.4 6.4 0 0 1 2.605-.548q2.366 0 3.932 1.566t1.566 3.975q0 1.38-.591 2.574a7 7 0 0 1-1.654 2.135a9.6 9.6 0 0 1-2.119 1.414l-.345.163h13.447V15.987q0-1.709-.886-2.585q-.819-.81-2.263-.87M26.4 12.526H8.921q-1.643 0-2.519.876q-.81.81-.87 2.327l-.006.258v11.345h13.426a9.9 9.9 0 0 1-2.442-1.577a7.1 7.1 0 0 1-1.664-2.135a5.6 5.6 0 0 1-.603-2.574q0-2.409 1.577-3.975q1.578-1.566 3.92-1.566q1.38 0 2.629.548a7.7 7.7 0 0 1 2.289 1.566a8.8 8.8 0 0 1 1.56 2.075l.181.345zm-6.483 6.089q-1.182 0-1.884.712q-.7.712-.7 1.96q0 1.03.635 2.048q.634 1.018 1.752 1.84a9.7 9.7 0 0 0 2.56 1.325q1.266.44 2.664.496l.403.008h.657v-.614a9.1 9.1 0 0 0-.482-2.978a8.4 8.4 0 0 0-1.336-2.486q-.855-1.084-1.95-1.698a4.7 4.7 0 0 0-2.321-.613m15.616 0a4.64 4.64 0 0 0-2.3.613q-1.095.614-1.949 1.698a8.6 8.6 0 0 0-1.347 2.486a8.8 8.8 0 0 0-.485 2.587l-.008.391v.614h.658a9.3 9.3 0 0 0 3.088-.504a9.5 9.5 0 0 0 2.551-1.325q1.106-.822 1.742-1.84t.635-2.048q0-1.248-.69-1.96t-1.895-.712"/></svg> </template>
CSS
.icon-giftcard {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M46.593%209q3.438%200%205.158%201.708q1.629%201.62%201.714%204.731l.005.35v23.852q0%203.374-1.72%205.07q-1.628%201.61-4.8%201.693l-.357.005H8.877q-3.438%200-5.158-1.697q-1.629-1.61-1.714-4.72L2%2039.642V15.79q0-3.396%201.72-5.093q1.628-1.608%204.8-1.692L8.877%209zM5.526%2039.444q0%201.709.876%202.574q.81.798%202.27.86l.25.005l17.477-.001V31.275h-.153q-.547%201.686-1.72%203.22a16.5%2016.5%200%200%201-2.672%202.759a16.7%2016.7%200%200%201-3.044%202.004q-1.544.777-2.793.975q-.94.13-1.478-.417q-.537-.547-.537-1.27q0-.789.46-1.281q.403-.432%201.09-.552l.203-.029q1.14-.13%202.43-.843a15%2015%200%200%200%202.509-1.752a18%2018%200%200%200%202.168-2.19q.833-1.006%201.307-1.904l.127-.254H5.526zm44.417-9.703h-18.77q.483%201.008%201.435%202.158a18%2018%200%200%200%202.169%202.19q1.215%201.041%202.496%201.752q1.14.632%202.166.807l.255.036q.854.088%201.314.58q.46.494.46%201.282q0%20.723-.537%201.27q-.536.547-1.478.417q-1.27-.198-2.804-.975a17%2017%200%200%201-3.033-2.004q-1.5-1.227-2.672-2.76a11%2011%200%200%201-1.59-2.847l-.13-.372h-.175v11.607h17.5q1.62%200%202.508-.864q.819-.8.882-2.316l.005-.258zm-3.149-17.21l-.245-.005h-17.5v7.513a9.4%209.4%200%200%201%201.763-2.42a7.7%207.7%200%200%201%202.29-1.566a6.4%206.4%200%200%201%202.605-.548q2.366%200%203.932%201.566t1.566%203.975q0%201.38-.591%202.574a7%207%200%200%201-1.654%202.135a9.6%209.6%200%200%201-2.119%201.414l-.345.163h13.447V15.987q0-1.709-.886-2.585q-.819-.81-2.263-.87M26.4%2012.526H8.921q-1.643%200-2.519.876q-.81.81-.87%202.327l-.006.258v11.345h13.426a9.9%209.9%200%200%201-2.442-1.577a7.1%207.1%200%200%201-1.664-2.135a5.6%205.6%200%200%201-.603-2.574q0-2.409%201.577-3.975q1.578-1.566%203.92-1.566q1.38%200%202.629.548a7.7%207.7%200%200%201%202.289%201.566a8.8%208.8%200%200%201%201.56%202.075l.181.345zm-6.483%206.089q-1.182%200-1.884.712q-.7.712-.7%201.96q0%201.03.635%202.048q.634%201.018%201.752%201.84a9.7%209.7%200%200%200%202.56%201.325q1.266.44%202.664.496l.403.008h.657v-.614a9.1%209.1%200%200%200-.482-2.978a8.4%208.4%200%200%200-1.336-2.486q-.855-1.084-1.95-1.698a4.7%204.7%200%200%200-2.321-.613m15.616%200a4.64%204.64%200%200%200-2.3.613q-1.095.614-1.949%201.698a8.6%208.6%200%200%200-1.347%202.486a8.8%208.8%200%200%200-.485%202.587l-.008.391v.614h.658a9.3%209.3%200%200%200%203.088-.504a9.5%209.5%200%200%200%202.551-1.325q1.106-.822%201.742-1.84t.635-2.048q0-1.248-.69-1.96t-1.895-.712%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M46.593%209q3.438%200%205.158%201.708q1.629%201.62%201.714%204.731l.005.35v23.852q0%203.374-1.72%205.07q-1.628%201.61-4.8%201.693l-.357.005H8.877q-3.438%200-5.158-1.697q-1.629-1.61-1.714-4.72L2%2039.642V15.79q0-3.396%201.72-5.093q1.628-1.608%204.8-1.692L8.877%209zM5.526%2039.444q0%201.709.876%202.574q.81.798%202.27.86l.25.005l17.477-.001V31.275h-.153q-.547%201.686-1.72%203.22a16.5%2016.5%200%200%201-2.672%202.759a16.7%2016.7%200%200%201-3.044%202.004q-1.544.777-2.793.975q-.94.13-1.478-.417q-.537-.547-.537-1.27q0-.789.46-1.281q.403-.432%201.09-.552l.203-.029q1.14-.13%202.43-.843a15%2015%200%200%200%202.509-1.752a18%2018%200%200%200%202.168-2.19q.833-1.006%201.307-1.904l.127-.254H5.526zm44.417-9.703h-18.77q.483%201.008%201.435%202.158a18%2018%200%200%200%202.169%202.19q1.215%201.041%202.496%201.752q1.14.632%202.166.807l.255.036q.854.088%201.314.58q.46.494.46%201.282q0%20.723-.537%201.27q-.536.547-1.478.417q-1.27-.198-2.804-.975a17%2017%200%200%201-3.033-2.004q-1.5-1.227-2.672-2.76a11%2011%200%200%201-1.59-2.847l-.13-.372h-.175v11.607h17.5q1.62%200%202.508-.864q.819-.8.882-2.316l.005-.258zm-3.149-17.21l-.245-.005h-17.5v7.513a9.4%209.4%200%200%201%201.763-2.42a7.7%207.7%200%200%201%202.29-1.566a6.4%206.4%200%200%201%202.605-.548q2.366%200%203.932%201.566t1.566%203.975q0%201.38-.591%202.574a7%207%200%200%201-1.654%202.135a9.6%209.6%200%200%201-2.119%201.414l-.345.163h13.447V15.987q0-1.709-.886-2.585q-.819-.81-2.263-.87M26.4%2012.526H8.921q-1.643%200-2.519.876q-.81.81-.87%202.327l-.006.258v11.345h13.426a9.9%209.9%200%200%201-2.442-1.577a7.1%207.1%200%200%201-1.664-2.135a5.6%205.6%200%200%201-.603-2.574q0-2.409%201.577-3.975q1.578-1.566%203.92-1.566q1.38%200%202.629.548a7.7%207.7%200%200%201%202.289%201.566a8.8%208.8%200%200%201%201.56%202.075l.181.345zm-6.483%206.089q-1.182%200-1.884.712q-.7.712-.7%201.96q0%201.03.635%202.048q.634%201.018%201.752%201.84a9.7%209.7%200%200%200%202.56%201.325q1.266.44%202.664.496l.403.008h.657v-.614a9.1%209.1%200%200%200-.482-2.978a8.4%208.4%200%200%200-1.336-2.486q-.855-1.084-1.95-1.698a4.7%204.7%200%200%200-2.321-.613m15.616%200a4.64%204.64%200%200%200-2.3.613q-1.095.614-1.949%201.698a8.6%208.6%200%200%200-1.347%202.486a8.8%208.8%200%200%200-.485%202.587l-.008.391v.614h.658a9.3%209.3%200%200%200%203.088-.504a9.5%209.5%200%200%200%202.551-1.325q1.106-.822%201.742-1.84t.635-2.048q0-1.248-.69-1.96t-1.895-.712%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/giftcard.svg?color=%231a73e8&size=48
