<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M18.334 10a8.333 8.333 0 1 1-16.667 0 8.333 8.333 0 0 1 16.667 0m-8.042-2.185q-1.216.511-4.857 2.095c-.389.16-.597.312-.618.465-.03.258.293.358.728.494l.174.054c.43.139 1 .299 1.298.306q.404.01.902-.334c2.269-1.533 3.434-2.31 3.51-2.324.056-.014.126-.028.174.014.049.041.049.125.042.146-.033.138-1.388 1.395-2.003 1.966l-.294.275q-.098.1-.195.191c-.398.382-.697.668.015 1.134.324.214.585.392.842.568.31.212.615.42 1.017.681q.142.094.274.19c.346.246.658.468 1.045.435.222-.021.45-.23.569-.854.277-1.47.818-4.67.943-5.988a1.1 1.1 0 0 0-.014-.326.37.37 0 0 0-.117-.23.56.56 0 0 0-.327-.096c-.312.007-.798.173-3.108 1.138"/></svg></template>
<script setup lang="ts">
/**
 * SocialTelegram20 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>
