<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M27.334 2.667H4.667a2 2 0 0 0-2 2v22.666a2 2 0 0 0 2 2h22.667a2 2 0 0 0 2-2V4.667a2 2 0 0 0-2-2M10.667 25.333h-4V12.667h4zM8.667 11a2.333 2.333 0 1 1 2.4-2.333A2.373 2.373 0 0 1 8.667 11m16.667 14.333h-4v-6.986c0-1.894-.8-2.574-1.84-2.574a2.32 2.32 0 0 0-2.16 2.48c-.007.062-.007.792 0 .854v6.226h-4V12.667H17.2V14.4a4.15 4.15 0 0 1 3.6-1.867c2.067 0 4.48 1.147 4.48 4.88z"/></svg></template>
<script setup lang="ts">
/**
 * SocialLinkedin32 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>
