<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M41 4H7a3 3 0 0 0-3 3v34a3 3 0 0 0 3 3h34a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3M16 38h-6V19h6zm-3-21.5a3.5 3.5 0 1 1 3.6-3.5 3.56 3.56 0 0 1-3.6 3.5M38 38h-6V27.52c0-2.84-1.2-3.86-2.76-3.86A3.48 3.48 0 0 0 26 27.38c-.01.093-.01 1.187 0 1.28V38h-6V19h5.8v2.6a6.22 6.22 0 0 1 5.4-2.8c3.1 0 6.72 1.72 6.72 7.32z"/></svg></template>
<script setup lang="ts">
/**
 * SocialLinkedin48 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>
