<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="M11.32 2.901A2.58 2.58 0 0 1 13.28 2c.797 0 1.523.366 2.02.931.302.346 1.14 1.163 1.945 1.931a196 196 0 0 0 1.33 1.258l2.793.931a1 1 0 0 1 .579 1.396l-2.323 4.646 1.386 4.62a1 1 0 0 1-.403 1.12l-3 2a1 1 0 0 1-1.11 0l-1.336-.892a1 1 0 0 0-1.386.278l-.89 1.336a1 1 0 0 1-1.092.41l-7.052-1.89a1 1 0 0 1-.714-1.194l1.398-5.957-2.954-2.11a1 1 0 0 1-.414-.719L3.052 10l-.995.095v-.006l-.002-.013-.004-.046a13 13 0 0 1-.042-.704c-.015-.415-.019-.993.054-1.476a1 1 0 0 1 .99-.85h2.999V5.5a1 1 0 0 1 1.371-.928l1.836.734zm-7.303 6.56 3.116 2.225a1 1 0 0 1 .393 1.043l-1.33 5.666 5.422 1.453.493-.739a3 3 0 0 1 4.16-.832l.781.521 1.83-1.22-1.288-4.29a1 1 0 0 1 .064-.735l1.984-3.969-1.906-.635a1 1 0 0 1-.366-.218L18.052 7l-.682.731-.002-.002-.006-.006-.024-.022-.092-.086a187 187 0 0 1-1.382-1.306c-.778-.743-1.693-1.63-2.068-2.059a.7.7 0 0 0-.517-.25.58.58 0 0 0-.44.203L10.31 7.15a1 1 0 0 1-1.13.277l-1.129-.451V8a1 1 0 0 1-1 1h-3.05a11 11 0 0 0 .015.46"/></svg></template>
<script setup lang="ts">
/**
 * France24 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>
