<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#ui_list-add_24__a)"><path d="M18 13a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 2.379a.5.5 0 0 0-.5.5V17.5h-1.621a.5.5 0 0 0 0 1H17.5v1.621a.5.5 0 0 0 1 0V18.5h1.621a.5.5 0 0 0 0-1H18.5v-1.621a.5.5 0 0 0-.5-.5M19 4a1 1 0 0 1 1 1v6.815a6.5 6.5 0 0 0-2-.315V6H6v12h5.5c0 .698.11 1.37.315 2H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zM9 14a1 1 0 1 1 0 2 1 1 0 0 1 0-2m3.524.5a6.5 6.5 0 0 0-.526.999A.5.5 0 0 1 12 14.5zM9 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 .5a.5.5 0 0 1 .499.498q-.504.212-.96.502H12a.5.5 0 0 1 0-1zM9 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 .5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1z"/></g><defs><clipPath id="ui_list-add_24__a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * ListAdd24 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>
