<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M18.5 8A1.5 1.5 0 0 1 20 6.5h24A1.5 1.5 0 0 1 45.5 8v22.5H56a1.5 1.5 0 0 1 1.5 1.5v24a1.5 1.5 0 0 1-1.5 1.5H8A1.5 1.5 0 0 1 6.5 56V32A1.5 1.5 0 0 1 8 30.5h10.5zm3 22.5h21v-21h-21zm33 3h-21v21h21zm-24 0h-21v21h21zm.601-19.272-5.329 10.658a1 1 0 0 0 1.79.894l1.723-3.448.048.001h5.334l.048-.001 1.724 3.448a1 1 0 1 0 1.789-.894l-5.329-10.658a.997.997 0 0 0-1.296-.48 1 1 0 0 0-.502.48M32 16.902l1.715 3.431h-3.43zM41 44a4.333 4.333 0 0 1 7.2-3.25 1 1 0 1 0 1.323-1.5 6.333 6.333 0 1 0 0 9.5 1 1 0 1 0-1.324-1.5A4.333 4.333 0 0 1 41 44m-24.667-5.333a1 1 0 0 1 1-1H20a3.667 3.667 0 0 1 3.022 5.744 3.666 3.666 0 0 1-1.689 6.922h-4a1 1 0 0 1-1-1zm2 9.666h3a1.667 1.667 0 1 0 0-3.333h-3zM20 39.667h-1.667V43H20a1.667 1.667 0 1 0 0-3.333"/></svg></template>
<script setup lang="ts">
/**
 * Kids64 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>
