Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | 1x 1x 1x 1x 1x 80x 80x 80x 80x 80x 80x 80x 80x 80x 80x 80x 80x 80x 1x | /** @internal */
import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';
import { FC } from 'react';
/**
* A Material-UI icon component that renders a bookmark icon.
* This icon is typically used to represent saving, bookmarking, or marking items for later reference.
*
* @component
* @param props - The props passed to the underlying SvgIcon component
* @returns A React component that renders the bookmark icon
* @source
*/
const BookmarkIcon: FC<SvgIconProps> = (props) => {
return (
<SvgIcon {...props}>
<svg
{...props}
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17 3H7C5.9 3 5 3.9 5 5V21L12 18L19 21V5C19 3.9 18.1 3 17 3ZM17 18L12 15.82L7 18V5H17V18Z"
fill="currentColor"
/>
</svg>
</SvgIcon>
);
};
export default BookmarkIcon;
|