<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(#ui_list-add_32__a)"><path d="M24 17.333a6.667 6.667 0 1 1 0 13.334 6.667 6.667 0 0 1 0-13.334m0 3.339a.5.5 0 0 0-.5.5V23.5h-2.328a.5.5 0 0 0 0 1H23.5v2.33a.5.5 0 0 0 1 0V24.5h2.33a.5.5 0 0 0 0-1H24.5v-2.328a.5.5 0 0 0-.5-.5m1.334-15.005a1 1 0 0 1 1 1v8.986a8.7 8.7 0 0 0-2-.312V7.667H7.667v16.667h7.675c.026.69.134 1.36.312 2H6.667a1 1 0 0 1-1-1V6.667a1 1 0 0 1 1-1zM12 18.667a1.333 1.333 0 1 1 0 2.665 1.333 1.333 0 0 1 0-2.665m4.592.833q-.292.48-.52 1H16a.5.5 0 0 1 0-1zM12 14.667a1.333 1.333 0 1 1 0 2.665 1.333 1.333 0 0 1 0-2.665m8 .833a.5.5 0 0 1 .5.5q-.001.038-.008.074-.43.191-.834.426H16a.5.5 0 0 1 0-1zm-8-4.833a1.333 1.333 0 1 1 0 2.665 1.333 1.333 0 0 1 0-2.665m8 .833a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1z"/></g><defs><clipPath id="ui_list-add_32__a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * ListAdd32 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>
