<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M10 1.75c2.14 0 4.111.336 5.575.905.73.284 1.371.64 1.843 1.074.473.435.832 1.005.832 1.688v9.167c0 .683-.36 1.253-.832 1.688-.472.433-1.114.79-1.843 1.073-1.464.569-3.435.905-5.575.905s-4.111-.336-5.575-.905c-.73-.284-1.371-.64-1.843-1.073-.472-.435-.832-1.005-.832-1.688V5.417c0-.683.36-1.253.832-1.688.472-.433 1.113-.79 1.843-1.074C5.889 2.086 7.86 1.75 10 1.75m6.75 11.596a6.7 6.7 0 0 1-1.266.64c-1.428.556-3.367.889-5.484.889-1.664 0-3.218-.207-4.5-.565v.273a.5.5 0 1 1-1 0v-.604a6.7 6.7 0 0 1-1.25-.633v1.238c0 .122.06.32.347.583.287.264.744.536 1.372.78 1.25.486 3.029.803 5.031.803s3.78-.317 5.031-.803c.628-.244 1.085-.516 1.372-.78.286-.263.347-.461.347-.583zm0-2.916a6.7 6.7 0 0 1-1.266.64c-1.428.556-3.367.889-5.484.889-1.664 0-3.217-.208-4.5-.565v.481a.5.5 0 0 1-1 0v-.812a6.7 6.7 0 0 1-1.25-.633v1.61q.075.09.178.186c.318.292.805.578 1.45.829 1.286.5 3.097.82 5.122.82s3.836-.32 5.122-.82c.645-.251 1.132-.537 1.45-.83q.104-.095.178-.186zm0-2.828c-.35.217-.747.41-1.175.576-1.464.569-3.435.905-5.575.905-1.653 0-3.205-.201-4.5-.555v.639a.5.5 0 0 1-1 0v-.962l-.075-.027a7 7 0 0 1-1.175-.576v1.521q.075.09.178.187c.318.292.805.578 1.45.829 1.286.5 3.097.82 5.122.82s3.836-.32 5.122-.82c.645-.25 1.132-.537 1.45-.83q.104-.095.178-.186zM10 3.25c-2.002 0-3.78.317-5.031.804-.628.244-1.085.515-1.372.779-.287.263-.347.462-.347.584s.06.32.347.583c.287.264.744.536 1.372.78 1.25.487 3.029.803 5.031.803s3.78-.316 5.031-.803c.628-.244 1.085-.516 1.372-.78.286-.263.347-.461.347-.583s-.06-.32-.347-.584-.744-.535-1.372-.78c-1.25-.486-3.029-.803-5.031-.803"/></svg></template>
<script setup lang="ts">
/**
 * Database20 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>
