<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-9.65-2.623c-.974.408-2.914 1.25-5.829 2.515-.466.191-.716.375-.74.558-.038.31.35.43.873.592l.209.065c.516.167 1.199.359 1.557.367q.484.012 1.082-.4c2.723-1.84 4.122-2.772 4.213-2.79.067-.016.15-.033.208.017.059.05.059.15.05.175-.04.166-1.665 1.675-2.404 2.36-.19.177-.321.299-.352.33q-.118.12-.234.23c-.478.457-.836.8.018 1.36.389.257.702.47 1.011.681.372.254.738.504 1.22.818q.17.113.33.228c.414.295.788.561 1.252.521.267-.025.542-.275.683-1.024.333-1.765.983-5.604 1.132-7.186a1.3 1.3 0 0 0-.016-.391.44.44 0 0 0-.142-.275c-.125-.1-.308-.116-.391-.116-.375.008-.958.208-3.73 1.365"/></svg></template>
<script setup lang="ts">
/**
 * SocialTelegram24 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>
