<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="M17.084 1.667H2.917a1.25 1.25 0 0 0-1.25 1.25v14.166a1.25 1.25 0 0 0 1.25 1.25h14.167a1.25 1.25 0 0 0 1.25-1.25V2.917a1.25 1.25 0 0 0-1.25-1.25M6.667 15.833h-2.5V7.917h2.5zm-1.25-8.958a1.458 1.458 0 1 1 1.5-1.459 1.483 1.483 0 0 1-1.5 1.459m10.417 8.958h-2.5v-4.366c0-1.184-.5-1.609-1.15-1.609a1.45 1.45 0 0 0-1.35 1.55c-.004.039-.004.495 0 .533v3.892h-2.5V7.917h2.416V9A2.59 2.59 0 0 1 13 7.833c1.292 0 2.8.717 2.8 3.05z"/></svg></template>
<script setup lang="ts">
/**
 * SocialLinkedin20 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>
