<script>
import Icon from '@iconify/css-svelte';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<path class="gr94qp98x"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:outline-bookmark-add" {...props}></Icon>
<style>
:global(.gr94qp98x) {
  fill: var(--svg-color, currentColor);
  d: path("M17 11v6.97l-5-2.14l-5 2.14V5h6V3H7c-1.1 0-2 .9-2 2v16l7-3l7 3V11zm4-4h-2v2h-2V7h-2V5h2V3h2v2h2z");
}

</style>
