<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M13.5 6A1.5 1.5 0 0 1 15 4.5h18A1.5 1.5 0 0 1 34.5 6v16.5H42a1.5 1.5 0 0 1 1.5 1.5v18a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 42V24A1.5 1.5 0 0 1 6 22.5h7.5zm3 16.5h15v-15h-15zm24 3h-15v15h15zm-18 0h-15v15h15zm.601-14.938-3.995 7.99a1 1 0 0 0 1.788.895L22.118 17h3.764l1.224 2.447a1 1 0 1 0 1.788-.894L24.9 10.562a.999.999 0 0 0-1.798 0M24 13.236 24.882 15h-1.764zM31 33a3 3 0 0 1 4.984-2.25 1 1 0 1 0 1.324-1.5 5 5 0 1 0 0 7.5 1 1 0 0 0-1.324-1.5A3 3 0 0 1 31 33m-19-4a1 1 0 0 1 1-1h2a3 3 0 0 1 2.615 4.471A3 3 0 0 1 16 38h-3a1 1 0 0 1-1-1zm2 7h2a1 1 0 1 0 0-2h-2zm1-6h-1v2h1a1 1 0 1 0 0-2"/></svg></template>
<script setup lang="ts">
/**
 * Kids48 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
