@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
15 lines (14 loc) • 10.7 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const GiftCardColor = ( /*#__PURE__*/createFluentIcon('GiftCardColor', "1em", `<path d="M2 6.75A2.75 2.75 0 0 1 4.75 4h10.5A2.75 2.75 0 0 1 18 6.75v6.5A2.75 2.75 0 0 1 15.25 16H4.75A2.75 2.75 0 0 1 2 13.25v-6.5Z" fill="url(#ic_fluent_gift_card_20_color__a)"/><path d="M7 9V4h1.5v5H18v1.5H8.5V16H7v-5.5H2V9h5Z" fill="url(#ic_fluent_gift_card_20_color__b)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.54 10.48a2.24 2.24 0 0 0 1.3-3.82 2.25 2.25 0 0 0-3.09-.09 2.25 2.25 0 1 0-1.8 3.91l-1.23 1.24a.75.75 0 1 0 1.06 1.06l1.97-1.97 1.97 1.97a.75.75 0 1 0 1.06-1.06l-1.24-1.24Zm.24-2.76a.75.75 0 0 0-1.28.53V9h.75a.75.75 0 0 0 .53-1.28ZM7 8.25a.75.75 0 1 0-.75.75H7v-.75Z" fill="url(#ic_fluent_gift_card_20_color__c)"/><defs><linearGradient id="ic_fluent_gift_card_20_color__a" x1="2" y1=".25" x2="11.93" y2="20.29" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#BB45EA"/><stop offset=".47" stop-color="#8B57ED"/><stop offset="1" stop-color="#5B2AB5"/></linearGradient><linearGradient id="ic_fluent_gift_card_20_color__c" x1="8" y1="-14.5" x2="7.5" y2="20.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset=".8" stop-color="#FFCD0F"/></linearGradient><radialGradient id="ic_fluent_gift_card_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(20.5 0 0 13.6667 8 10)"><stop stop-color="#FB5937"/><stop offset=".38" stop-color="#FFCD0F"/></radialGradient></defs>`, { color: true }));
export const GiftCardFilled = ( /*#__PURE__*/createFluentIcon('GiftCardFilled', "1em", ["M7 4H4.75A2.75 2.75 0 0 0 2 6.75V9h2.27A2 2 0 0 1 7 6.27V4Zm1 4v1h1a1 1 0 1 0-1-1Zm2.73 1A2 2 0 0 0 8 6.27V4h7.25A2.75 2.75 0 0 1 18 6.75V9h-7.27Zm-2.02 1 1.64 1.65a.5.5 0 0 1-.7.7L8 10.71V16h7.25A2.75 2.75 0 0 0 18 13.25V10H8.7ZM7 16v-5.3l-1.65 1.65a.5.5 0 0 1-.7-.7L6.29 10H2v3.25A2.75 2.75 0 0 0 4.75 16H7Zm0-8a1 1 0 1 0-1 1h1V8Z"]));
export const GiftCardRegular = ( /*#__PURE__*/createFluentIcon('GiftCardRegular', "1em", ["M2 6.75A2.75 2.75 0 0 1 4.75 4h10.5A2.75 2.75 0 0 1 18 6.75v6.5A2.75 2.75 0 0 1 15.25 16H4.75A2.75 2.75 0 0 1 2 13.25v-6.5ZM3 10v3.25c0 .97.78 1.75 1.75 1.75H7v-4.3l-1.65 1.65a.5.5 0 0 1-.7-.7L6.29 10H3Zm1.27-1A2 2 0 0 1 7 6.27V5H4.75C3.78 5 3 5.78 3 6.75V9h1.27ZM6 9h1V8a1 1 0 1 0-1 1Zm2-1v1h1a1 1 0 1 0-1-1Zm2.73 1H17V6.75C17 5.78 16.22 5 15.25 5H8v1.27A2 2 0 0 1 10.73 9Zm-2.02 1 1.64 1.65a.5.5 0 0 1-.7.7L8 10.71V15h7.25c.97 0 1.75-.78 1.75-1.75V10H8.7Z"]));
export const GiftCard16Regular = ( /*#__PURE__*/createFluentIcon('GiftCard16Regular', "16", ["M1 5c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5Zm12 7a1 1 0 0 0 1-1V8H6.7l1.15 1.15a.5.5 0 1 1-.7.7L6 8.71V12h7ZM7.91 7H14V5a1 1 0 0 0-1-1H6v1.09A1.5 1.5 0 0 1 7.91 7ZM6.5 7a.5.5 0 1 0-.5-.5V7h.5ZM5 5.09V4H3a1 1 0 0 0-1 1v2h1.09A1.5 1.5 0 0 1 5 5.09ZM4.5 7H5v-.5a.5.5 0 1 0-.5.5Zm-.2 1H2v3a1 1 0 0 0 1 1h2V8.7L3.85 9.86a.5.5 0 0 1-.7-.7L4.29 8Z"]));
export const GiftCard16Filled = ( /*#__PURE__*/createFluentIcon('GiftCard16Filled', "16", ["M3 3h2v2.09A1.5 1.5 0 0 0 3.09 7H1V5c0-1.1.9-2 2-2Z", "m6 8.7 1.15 1.15a.5.5 0 0 0 .7-.7L6.71 8H15v3a2 2 0 0 1-2 2H6V8.7Z", "M4.3 8 3.14 9.15a.5.5 0 1 0 .7.7L5 8.71V13H3a2 2 0 0 1-2-2V8h3.3Z", "M7.91 7A1.5 1.5 0 0 0 6 5.09V3h7a2 2 0 0 1 2 2v2H7.91Z", "M6 6.5V7h.5a.5.5 0 1 0-.5-.5Z", "M5 6.5V7h-.5a.5.5 0 1 1 .5-.5Z"]));
export const GiftCard16Color = ( /*#__PURE__*/createFluentIcon('GiftCard16Color', "16", `<path d="M1 5c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5Z" fill="#CECECE"/><path d="M1 5c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5Z" fill="url(#ic_fluent_gift_card_16_color__a)"/><path d="M5 7V3h1v4h9v1H5.99l-.01 5h-1V8H1V7h4Z" fill="#000"/><path d="M5 7V3h1v4h9v1H5.99l-.01 5h-1V8H1V7h4Z" fill="url(#ic_fluent_gift_card_16_color__b)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.3 7.99a1.5 1.5 0 1 1 1.2-2.6 1.5 1.5 0 1 1 1.2 2.6l1.15 1.16a.5.5 0 1 1-.7.7L5.5 8.21 3.85 9.85a.5.5 0 0 1-.7-.7L4.3 7.99ZM4.5 6a.5.5 0 0 0 0 1H5v-.5a.5.5 0 0 0-.5-.5Zm2 1H6v-.5a.5.5 0 1 1 .5.5Z" fill="#515151"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.3 7.99a1.5 1.5 0 1 1 1.2-2.6 1.5 1.5 0 1 1 1.2 2.6l1.15 1.16a.5.5 0 1 1-.7.7L5.5 8.21 3.85 9.85a.5.5 0 0 1-.7-.7L4.3 7.99ZM4.5 6a.5.5 0 0 0 0 1H5v-.5a.5.5 0 0 0-.5-.5Zm2 1H6v-.5a.5.5 0 1 1 .5.5Z" fill="url(#ic_fluent_gift_card_16_color__c)"/><defs><linearGradient id="ic_fluent_gift_card_16_color__a" x1="1" y1="-.13" x2="9.03" y2="16.89" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#BB45EA"/><stop offset=".47" stop-color="#8B57ED"/><stop offset="1" stop-color="#5B2AB5"/></linearGradient><linearGradient id="ic_fluent_gift_card_16_color__c" x1="5.67" y1="-9.64" x2="5.28" y2="15.36" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset=".8" stop-color="#FFCD0F"/></linearGradient><radialGradient id="ic_fluent_gift_card_16_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(17.9375 0 0 11.3916 6.25 8)"><stop stop-color="#FB5937"/><stop offset=".38" stop-color="#FFCD0F"/></radialGradient></defs>`, { color: true }));
export const GiftCard20Regular = ( /*#__PURE__*/createFluentIcon('GiftCard20Regular', "20", ["M2 6.75A2.75 2.75 0 0 1 4.75 4h10.5A2.75 2.75 0 0 1 18 6.75v6.5A2.75 2.75 0 0 1 15.25 16H4.75A2.75 2.75 0 0 1 2 13.25v-6.5ZM3 10v3.25c0 .97.78 1.75 1.75 1.75H7v-4.3l-1.65 1.65a.5.5 0 0 1-.7-.7L6.29 10H3Zm1.27-1A2 2 0 0 1 7 6.27V5H4.75C3.78 5 3 5.78 3 6.75V9h1.27ZM6 9h1V8a1 1 0 1 0-1 1Zm2-1v1h1a1 1 0 1 0-1-1Zm2.73 1H17V6.75C17 5.78 16.22 5 15.25 5H8v1.27A2 2 0 0 1 10.73 9Zm-2.02 1 1.64 1.65a.5.5 0 0 1-.7.7L8 10.71V15h7.25c.97 0 1.75-.78 1.75-1.75V10H8.7Z"]));
export const GiftCard20Filled = ( /*#__PURE__*/createFluentIcon('GiftCard20Filled', "20", ["M7 4H4.75A2.75 2.75 0 0 0 2 6.75V9h2.27A2 2 0 0 1 7 6.27V4Zm1 4v1h1a1 1 0 1 0-1-1Zm2.73 1A2 2 0 0 0 8 6.27V4h7.25A2.75 2.75 0 0 1 18 6.75V9h-7.27Zm-2.02 1 1.64 1.65a.5.5 0 0 1-.7.7L8 10.71V16h7.25A2.75 2.75 0 0 0 18 13.25V10H8.7ZM7 16v-5.3l-1.65 1.65a.5.5 0 0 1-.7-.7L6.29 10H2v3.25A2.75 2.75 0 0 0 4.75 16H7Zm0-8a1 1 0 1 0-1 1h1V8Z"]));
export const GiftCard20Color = ( /*#__PURE__*/createFluentIcon('GiftCard20Color', "20", `<path d="M2 6.75A2.75 2.75 0 0 1 4.75 4h10.5A2.75 2.75 0 0 1 18 6.75v6.5A2.75 2.75 0 0 1 15.25 16H4.75A2.75 2.75 0 0 1 2 13.25v-6.5Z" fill="url(#ic_fluent_gift_card_20_color__a)"/><path d="M7 9V4h1.5v5H18v1.5H8.5V16H7v-5.5H2V9h5Z" fill="url(#ic_fluent_gift_card_20_color__b)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.54 10.48a2.24 2.24 0 0 0 1.3-3.82 2.25 2.25 0 0 0-3.09-.09 2.25 2.25 0 1 0-1.8 3.91l-1.23 1.24a.75.75 0 1 0 1.06 1.06l1.97-1.97 1.97 1.97a.75.75 0 1 0 1.06-1.06l-1.24-1.24Zm.24-2.76a.75.75 0 0 0-1.28.53V9h.75a.75.75 0 0 0 .53-1.28ZM7 8.25a.75.75 0 1 0-.75.75H7v-.75Z" fill="url(#ic_fluent_gift_card_20_color__c)"/><defs><linearGradient id="ic_fluent_gift_card_20_color__a" x1="2" y1=".25" x2="11.93" y2="20.29" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#BB45EA"/><stop offset=".47" stop-color="#8B57ED"/><stop offset="1" stop-color="#5B2AB5"/></linearGradient><linearGradient id="ic_fluent_gift_card_20_color__c" x1="8" y1="-14.5" x2="7.5" y2="20.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset=".8" stop-color="#FFCD0F"/></linearGradient><radialGradient id="ic_fluent_gift_card_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(20.5 0 0 13.6667 8 10)"><stop stop-color="#FB5937"/><stop offset=".38" stop-color="#FFCD0F"/></radialGradient></defs>`, { color: true }));
export const GiftCard24Regular = ( /*#__PURE__*/createFluentIcon('GiftCard24Regular', "24", ["M5.25 4A3.25 3.25 0 0 0 2 7.25v8.5C2 17.55 3.46 19 5.25 19h13.5c1.8 0 3.25-1.46 3.25-3.25v-8.5C22 5.45 20.54 4 18.75 4H5.25ZM3.5 7.25c0-.97.78-1.75 1.75-1.75H8v1.2A2.5 2.5 0 0 0 4.5 9c0 .36.07.7.2 1H3.5V7.25ZM9.5 9a1 1 0 1 1 1 1h-1V9ZM8 10H7a1 1 0 1 1 1-1v1Zm0 2.56v4.94H5.25c-.97 0-1.75-.78-1.75-1.75V11.5h3.44l-1.72 1.72a.75.75 0 1 0 1.06 1.06L8 12.56Zm1.5 4.94v-4.94l1.72 1.72a.75.75 0 1 0 1.06-1.06l-1.72-1.72h9.94v4.25c0 .97-.78 1.75-1.75 1.75H9.5Zm0-10.8V5.5h9.25c.97 0 1.75.78 1.75 1.75V10h-7.7a2.5 2.5 0 0 0-2.3-3.5c-.36 0-.7.07-1 .2Z"]));
export const GiftCard24Filled = ( /*#__PURE__*/createFluentIcon('GiftCard24Filled', "24", ["M9.5 19H19a3 3 0 0 0 3-3v-4.5H10.56l1.72 1.72a.75.75 0 1 1-1.06 1.06L9.5 12.56V19ZM8 10V9a1 1 0 1 0-1 1h1Zm1.5-1v1h1a1 1 0 1 0-1-1Zm0-2.3V4H19a3 3 0 0 1 3 3v3h-9.2a2.5 2.5 0 0 0-2.3-3.5c-.36 0-.7.07-1 .2ZM8 4v2.7A2.5 2.5 0 0 0 4.5 9c0 .36.07.7.2 1H2V7a3 3 0 0 1 3-3h3Zm0 8.56V19H5a3 3 0 0 1-3-3v-4.5h4.94l-1.72 1.72a.75.75 0 1 0 1.06 1.06L8 12.56Z"]));
export const GiftCard24Color = ( /*#__PURE__*/createFluentIcon('GiftCard24Color', "24", `<path d="M5.25 4A3.25 3.25 0 0 0 2 7.25v8.5C2 17.55 3.46 19 5.25 19h13.5c1.8 0 3.25-1.46 3.25-3.25v-8.5C22 5.45 20.54 4 18.75 4H5.25Z" fill="#CECECE"/><path d="M5.25 4A3.25 3.25 0 0 0 2 7.25v8.5C2 17.55 3.46 19 5.25 19h13.5c1.8 0 3.25-1.46 3.25-3.25v-8.5C22 5.45 20.54 4 18.75 4H5.25Z" fill="url(#ic_fluent_gift_card_24_color__a)"/><path d="M7.99 10 8 4h1.5l-.01 6H22v1.5H9.48L9.46 19h-1.5l.02-7.5H2V10h5.99Z" fill="#000"/><path d="M7.99 10 8 4h1.5l-.01 6H22v1.5H9.48L9.46 19h-1.5l.02-7.5H2V10h5.99Z" fill="url(#ic_fluent_gift_card_24_color__b)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.94 11.5A2.5 2.5 0 1 1 8.75 7.2 2.5 2.5 0 0 1 13 9a2.5 2.5 0 0 1-2.44 2.5l1.72 1.72a.75.75 0 1 1-1.06 1.06l-2.47-2.47-2.47 2.47a.75.75 0 0 1-1.06-1.06l1.72-1.72ZM7 8a1 1 0 0 0 0 2h1V9a1 1 0 0 0-1-1Zm3.5 2h-1V9a1 1 0 1 1 1 1Z" fill="#515151"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.94 11.5A2.5 2.5 0 1 1 8.75 7.2 2.5 2.5 0 0 1 13 9a2.5 2.5 0 0 1-2.44 2.5l1.72 1.72a.75.75 0 1 1-1.06 1.06l-2.47-2.47-2.47 2.47a.75.75 0 0 1-1.06-1.06l1.72-1.72ZM7 8a1 1 0 0 0 0 2h1V9a1 1 0 0 0-1-1Zm3.5 2h-1V9a1 1 0 1 1 1 1Z" fill="url(#ic_fluent_gift_card_24_color__c)"/><defs><linearGradient id="ic_fluent_gift_card_24_color__a" x1="2" y1="-.69" x2="14.41" y2="24.37" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#BB45EA"/><stop offset=".47" stop-color="#8B57ED"/><stop offset="1" stop-color="#5B2AB5"/></linearGradient><linearGradient id="ic_fluent_gift_card_24_color__c" x1="9.03" y1="-16.93" x2="8.46" y2="23.07" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset=".8" stop-color="#FFCD0F"/></linearGradient><radialGradient id="ic_fluent_gift_card_24_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(25.625 0 0 17.0873 9.5 11.5)"><stop stop-color="#FB5937"/><stop offset=".38" stop-color="#FFCD0F"/></radialGradient></defs>`, { color: true }));