<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#media_robot_32__a)"><path d="M21.484 17.679c.15.023.292.079.417.165l4 2.76c.27.187.433.495.433.824v6.666a1 1 0 0 1-1 1H6.667a1 1 0 0 1-1-1v-6.666a1 1 0 0 1 .432-.823l4-2.761.13-.076a1 1 0 0 1 .438-.101h10.667zM7.667 21.952v5.142h16.667v-5.142l-3.313-2.285H10.98l-3.312 2.285ZM22.667 3a3.67 3.67 0 0 1 3.667 3.667V7h.332a1 1 0 0 1 1 1v2.667a1 1 0 0 1-1 1h-.332V12a3.67 3.67 0 0 1-3.667 3.667H9.334A3.667 3.667 0 0 1 5.667 12v-.333h-.334a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h.334v-.333A3.667 3.667 0 0 1 9.334 3zM9.334 5c-.92 0-1.667.747-1.667 1.667V12c0 .92.747 1.667 1.667 1.667h13.333c.92 0 1.667-.747 1.667-1.667v-1.316l-.001-.017.001-.018V8.017L24.333 8l.001-.018V6.667c0-.92-.747-1.667-1.667-1.667zM12 8a1.333 1.333 0 1 1 0 2.666A1.333 1.333 0 0 1 12 8m8 0a1.333 1.333 0 1 1 0 2.666A1.333 1.333 0 0 1 20 8"/></g><defs><clipPath id="media_robot_32__a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * Robot32 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>
