share fat icon

share-fat-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.

Name: share-fat-duotone
Set: Phosphor
Style: Duotone
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

share-fat share-fat-bold share-fat-fill share-fat-light share-fat-thin

Related icons in Phosphor

Use the share fat icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M152 192v-48c-61.4 0-104.61 37.19-121.07 54.72a4 4 0 0 1-6.9-3.18C31.51 130.45 99.19 80 152 80V32l80 80Z" opacity=".2"/><path d="m237.66 106.35l-80-80A8 8 0 0 0 144 32v40.35c-25.94 2.22-54.59 14.92-78.16 34.91c-28.38 24.08-46.05 55.11-49.76 87.37a12 12 0 0 0 20.68 9.58c11-11.71 50.14-48.74 107.24-52V192a8 8 0 0 0 13.66 5.65l80-80a8 8 0 0 0 0-11.3M160 172.69V144a8 8 0 0 0-8-8c-28.08 0-55.43 7.33-81.29 21.8a196.2 196.2 0 0 0-36.57 26.52c5.8-23.84 20.42-46.51 42.05-64.86C99.41 99.77 127.75 88 152 88a8 8 0 0 0 8-8V51.32L220.69 112Z"/></g></svg>

React

import type { SVGProps } from "react";

export function PhShareFatDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M152 192v-48c-61.4 0-104.61 37.19-121.07 54.72a4 4 0 0 1-6.9-3.18C31.51 130.45 99.19 80 152 80V32l80 80Z" opacity=".2"/><path d="m237.66 106.35l-80-80A8 8 0 0 0 144 32v40.35c-25.94 2.22-54.59 14.92-78.16 34.91c-28.38 24.08-46.05 55.11-49.76 87.37a12 12 0 0 0 20.68 9.58c11-11.71 50.14-48.74 107.24-52V192a8 8 0 0 0 13.66 5.65l80-80a8 8 0 0 0 0-11.3M160 172.69V144a8 8 0 0 0-8-8c-28.08 0-55.43 7.33-81.29 21.8a196.2 196.2 0 0 0-36.57 26.52c5.8-23.84 20.42-46.51 42.05-64.86C99.41 99.77 127.75 88 152 88a8 8 0 0 0 8-8V51.32L220.69 112Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M152 192v-48c-61.4 0-104.61 37.19-121.07 54.72a4 4 0 0 1-6.9-3.18C31.51 130.45 99.19 80 152 80V32l80 80Z" opacity=".2"/><path d="m237.66 106.35l-80-80A8 8 0 0 0 144 32v40.35c-25.94 2.22-54.59 14.92-78.16 34.91c-28.38 24.08-46.05 55.11-49.76 87.37a12 12 0 0 0 20.68 9.58c11-11.71 50.14-48.74 107.24-52V192a8 8 0 0 0 13.66 5.65l80-80a8 8 0 0 0 0-11.3M160 172.69V144a8 8 0 0 0-8-8c-28.08 0-55.43 7.33-81.29 21.8a196.2 196.2 0 0 0-36.57 26.52c5.8-23.84 20.42-46.51 42.05-64.86C99.41 99.77 127.75 88 152 88a8 8 0 0 0 8-8V51.32L220.69 112Z"/></g></svg>
</template>

CSS

.icon-share-fat-duotone {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M152%20192v-48c-61.4%200-104.61%2037.19-121.07%2054.72a4%204%200%200%201-6.9-3.18C31.51%20130.45%2099.19%2080%20152%2080V32l80%2080Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22m237.66%20106.35l-80-80A8%208%200%200%200%20144%2032v40.35c-25.94%202.22-54.59%2014.92-78.16%2034.91c-28.38%2024.08-46.05%2055.11-49.76%2087.37a12%2012%200%200%200%2020.68%209.58c11-11.71%2050.14-48.74%20107.24-52V192a8%208%200%200%200%2013.66%205.65l80-80a8%208%200%200%200%200-11.3M160%20172.69V144a8%208%200%200%200-8-8c-28.08%200-55.43%207.33-81.29%2021.8a196.2%20196.2%200%200%200-36.57%2026.52c5.8-23.84%2020.42-46.51%2042.05-64.86C99.41%2099.77%20127.75%2088%20152%2088a8%208%200%200%200%208-8V51.32L220.69%20112Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M152%20192v-48c-61.4%200-104.61%2037.19-121.07%2054.72a4%204%200%200%201-6.9-3.18C31.51%20130.45%2099.19%2080%20152%2080V32l80%2080Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22m237.66%20106.35l-80-80A8%208%200%200%200%20144%2032v40.35c-25.94%202.22-54.59%2014.92-78.16%2034.91c-28.38%2024.08-46.05%2055.11-49.76%2087.37a12%2012%200%200%200%2020.68%209.58c11-11.71%2050.14-48.74%20107.24-52V192a8%208%200%200%200%2013.66%205.65l80-80a8%208%200%200%200%200-11.3M160%20172.69V144a8%208%200%200%200-8-8c-28.08%200-55.43%207.33-81.29%2021.8a196.2%20196.2%200%200%200-36.57%2026.52c5.8-23.84%2020.42-46.51%2042.05-64.86C99.41%2099.77%20127.75%2088%20152%2088a8%208%200%200%200%208-8V51.32L220.69%20112Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/share-fat-duotone.svg?color=%231a73e8&size=48