@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
23 lines (22 loc) • 6.71 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const BookmarkColor = ( /*#__PURE__*/createFluentIcon('BookmarkColor', "1em", `<path d="M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.8.4L10 14.12 4.8 17.9a.5.5 0 0 1-.8-.4v-13Z" fill="url(#ic_fluent_bookmark_20_color__a)"/><defs><linearGradient id="ic_fluent_bookmark_20_color__a" x1="4" y1="3.36" x2="12.65" y2="14.35" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const BookmarkFilled = ( /*#__PURE__*/createFluentIcon('BookmarkFilled', "1em", ["M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.8.4L10 14.12 4.8 17.9a.5.5 0 0 1-.8-.4v-13Z"]));
export const BookmarkRegular = ( /*#__PURE__*/createFluentIcon('BookmarkRegular', "1em", ["M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.8.4L10 14.12 4.8 17.9a.5.5 0 0 1-.8-.4v-13ZM6.5 3C5.67 3 5 3.67 5 4.5v12.02l4.7-3.42a.5.5 0 0 1 .6 0l4.7 3.42V4.5c0-.83-.67-1.5-1.5-1.5h-7Z"]));
export const Bookmark12Regular = ( /*#__PURE__*/createFluentIcon('Bookmark12Regular', "12", ["M9 3a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v6.53l2.7-1.94a.5.5 0 0 1 .6 0L9 9.53V3Zm1 7.5a.5.5 0 0 1-.8.4L6 8.62l-3.2 2.3a.5.5 0 0 1-.8-.41V3c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2v7.5Z"]));
export const Bookmark12Filled = ( /*#__PURE__*/createFluentIcon('Bookmark12Filled', "12", ["M8 1a2 2 0 0 1 2 2v7.5a.5.5 0 0 1-.8.4L6 8.62l-3.2 2.3a.5.5 0 0 1-.8-.41V3c0-1.1.9-2 2-2h4Z"]));
export const Bookmark16Regular = ( /*#__PURE__*/createFluentIcon('Bookmark16Regular', "16", ["M3.78 13.92A.5.5 0 0 1 3 13.5V4.01c0-1.1.9-2 2-2L11 2a2 2 0 0 1 2 2v9.5a.5.5 0 0 1-.78.42L8 11.1l-4.22 2.82ZM12 4v-.12A1 1 0 0 0 11 3l-6 .01a1 1 0 0 0-1 1v8.56l3.72-2.49a.5.5 0 0 1 .56 0L12 12.57V4Z"]));
export const Bookmark16Filled = ( /*#__PURE__*/createFluentIcon('Bookmark16Filled', "16", ["M3.78 13.92A.5.5 0 0 1 3 13.5V4.01c0-1.1.9-2 2-2L11 2a2 2 0 0 1 2 2v9.5a.5.5 0 0 1-.78.42L8 11.1l-4.22 2.82Z"]));
export const Bookmark16Color = ( /*#__PURE__*/createFluentIcon('Bookmark16Color', "16", `<path d="M3.78 13.92A.5.5 0 0 1 3 13.5V4.01c0-1.1.9-2 2-2h6A2 2 0 0 1 13 4v9.5a.5.5 0 0 1-.78.42L8 11.1l-4.22 2.82Z" fill="url(#ic_fluent_bookmark_16_color__a)"/><defs><linearGradient id="ic_fluent_bookmark_16_color__a" x1="3" y1="3.02" x2="9.3" y2="11.91" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Bookmark20Regular = ( /*#__PURE__*/createFluentIcon('Bookmark20Regular', "20", ["M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.8.4L10 14.12 4.8 17.9a.5.5 0 0 1-.8-.4v-13ZM6.5 3C5.67 3 5 3.67 5 4.5v12.02l4.7-3.42a.5.5 0 0 1 .6 0l4.7 3.42V4.5c0-.83-.67-1.5-1.5-1.5h-7Z"]));
export const Bookmark20Filled = ( /*#__PURE__*/createFluentIcon('Bookmark20Filled', "20", ["M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.8.4L10 14.12 4.8 17.9a.5.5 0 0 1-.8-.4v-13Z"]));
export const Bookmark20Color = ( /*#__PURE__*/createFluentIcon('Bookmark20Color', "20", `<path d="M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.8.4L10 14.12 4.8 17.9a.5.5 0 0 1-.8-.4v-13Z" fill="url(#ic_fluent_bookmark_20_color__a)"/><defs><linearGradient id="ic_fluent_bookmark_20_color__a" x1="4" y1="3.36" x2="12.65" y2="14.35" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Bookmark24Regular = ( /*#__PURE__*/createFluentIcon('Bookmark24Regular', "24", ["M6.2 21.85a.75.75 0 0 1-1.2-.6v-15C5 4.45 6.46 3 8.25 3h7.5C17.55 3 19 4.46 19 6.25v15c0 .6-.7.96-1.19.6l-5.8-4.18-5.82 4.18Zm11.3-15.6c0-.97-.78-1.75-1.75-1.75h-7.5c-.96 0-1.75.78-1.75 1.75v13.53l5.06-3.64a.75.75 0 0 1 .88 0l5.06 3.64V6.25Z"]));
export const Bookmark24Filled = ( /*#__PURE__*/createFluentIcon('Bookmark24Filled', "24", ["M6.2 21.85a.75.75 0 0 1-1.2-.6v-15C5 4.45 6.46 3 8.25 3h7.5C17.55 3 19 4.46 19 6.25v15c0 .6-.7.96-1.19.6l-5.8-4.18-5.82 4.18Z"]));
export const Bookmark24Color = ( /*#__PURE__*/createFluentIcon('Bookmark24Color', "24", `<path d="M6.19 21.85a.75.75 0 0 1-1.19-.6v-15C5 4.45 6.46 3 8.25 3h7.5C17.55 3 19 4.45 19 6.25v15c0 .6-.7.96-1.19.6l-5.8-4.18-5.82 4.18Z" fill="url(#ic_fluent_bookmark_24_color__a)"/><defs><linearGradient id="ic_fluent_bookmark_24_color__a" x1="5" y1="4.61" x2="15.32" y2="17.49" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Bookmark28Regular = ( /*#__PURE__*/createFluentIcon('Bookmark28Regular', "28", ["M6 6.75C6 4.95 7.46 3.5 9.25 3.5h9.5c1.8 0 3.25 1.46 3.25 3.25v18a.75.75 0 0 1-1.2.6L14 20.19l-6.8 5.16a.75.75 0 0 1-1.2-.6v-18ZM9.25 5c-.97 0-1.75.78-1.75 1.75v16.49l6.05-4.59c.26-.2.64-.2.9 0l6.05 4.59V6.75c0-.97-.78-1.75-1.75-1.75h-9.5Z"]));
export const Bookmark28Filled = ( /*#__PURE__*/createFluentIcon('Bookmark28Filled', "28", ["M9.25 3.5A3.25 3.25 0 0 0 6 6.75v18a.75.75 0 0 0 1.2.6l6.8-5.16 6.8 5.16a.75.75 0 0 0 1.2-.6v-18c0-1.8-1.46-3.25-3.25-3.25h-9.5Z"]));
export const Bookmark28Color = ( /*#__PURE__*/createFluentIcon('Bookmark28Color', "28", `<path d="M9.25 3.5A3.25 3.25 0 0 0 6 6.75v18a.75.75 0 0 0 1.2.6l6.8-5.16 6.8 5.16a.75.75 0 0 0 1.2-.6v-18c0-1.8-1.46-3.25-3.25-3.25h-9.5Z" fill="url(#ic_fluent_bookmark_28_color__a)"/><defs><linearGradient id="ic_fluent_bookmark_28_color__a" x1="6" y1="5.37" x2="17.98" y2="20.13" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Bookmark32Regular = ( /*#__PURE__*/createFluentIcon('Bookmark32Regular', "32", ["M6 7.2A4.2 4.2 0 0 1 10.2 3h11.6A4.2 4.2 0 0 1 26 7.2V28a1 1 0 0 1-1.59.81L16 22.73l-8.41 6.08A1 1 0 0 1 6 28V7.2ZM10.2 5A2.2 2.2 0 0 0 8 7.2v18.84l7.41-5.35a1 1 0 0 1 1.18 0L24 26.04V7.2A2.2 2.2 0 0 0 21.8 5H10.2Z"]));
export const Bookmark32Filled = ( /*#__PURE__*/createFluentIcon('Bookmark32Filled', "32", ["M10.2 3A4.2 4.2 0 0 0 6 7.2V28a1 1 0 0 0 1.59.81L16 22.73l8.41 6.08A1 1 0 0 0 26 28V7.2A4.2 4.2 0 0 0 21.8 3H10.2Z"]));
export const Bookmark32Color = ( /*#__PURE__*/createFluentIcon('Bookmark32Color', "32", `<path d="M10.2 3A4.2 4.2 0 0 0 6 7.2V28a1 1 0 0 0 1.59.81L16 22.73l8.41 6.08A1 1 0 0 0 26 28V7.2A4.2 4.2 0 0 0 21.8 3H10.2Z" fill="url(#ic_fluent_bookmark_32_color__a)"/><defs><linearGradient id="ic_fluent_bookmark_32_color__a" x1="6" y1="5.21" x2="19.97" y2="23.42" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));