share fat icon

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

Name: share-fat-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

share-fat share-fat-bold share-fat-duotone share-fat-fill share-fat-light

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"><path fill="currentColor" d="m234.83 109.17l-80-80A4 4 0 0 0 148 32v44.09c-54 2.44-120.43 53.55-127.94 119a7.87 7.87 0 0 0 4.58 8.16a8 8 0 0 0 3.41.77a7.9 7.9 0 0 0 5.79-2.55c11.53-12.27 53.29-51.73 114.16-53.4V192a4 4 0 0 0 6.83 2.83l80-80a4 4 0 0 0 0-5.66M156 182.33V144a4 4 0 0 0-4-4c-27.39 0-54.08 7.17-79.34 21.3A189.9 189.9 0 0 0 28 196l2.92 2.74L28 196c3.36-29.21 19.55-57.48 45.6-79.57C97.53 96.11 126.83 84 152 84a4 4 0 0 0 4-4V41.66L226.34 112Z"/></svg>

React

import type { SVGProps } from "react";

export function PhShareFatThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m234.83 109.17l-80-80A4 4 0 0 0 148 32v44.09c-54 2.44-120.43 53.55-127.94 119a7.87 7.87 0 0 0 4.58 8.16a8 8 0 0 0 3.41.77a7.9 7.9 0 0 0 5.79-2.55c11.53-12.27 53.29-51.73 114.16-53.4V192a4 4 0 0 0 6.83 2.83l80-80a4 4 0 0 0 0-5.66M156 182.33V144a4 4 0 0 0-4-4c-27.39 0-54.08 7.17-79.34 21.3A189.9 189.9 0 0 0 28 196l2.92 2.74L28 196c3.36-29.21 19.55-57.48 45.6-79.57C97.53 96.11 126.83 84 152 84a4 4 0 0 0 4-4V41.66L226.34 112Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m234.83 109.17l-80-80A4 4 0 0 0 148 32v44.09c-54 2.44-120.43 53.55-127.94 119a7.87 7.87 0 0 0 4.58 8.16a8 8 0 0 0 3.41.77a7.9 7.9 0 0 0 5.79-2.55c11.53-12.27 53.29-51.73 114.16-53.4V192a4 4 0 0 0 6.83 2.83l80-80a4 4 0 0 0 0-5.66M156 182.33V144a4 4 0 0 0-4-4c-27.39 0-54.08 7.17-79.34 21.3A189.9 189.9 0 0 0 28 196l2.92 2.74L28 196c3.36-29.21 19.55-57.48 45.6-79.57C97.53 96.11 126.83 84 152 84a4 4 0 0 0 4-4V41.66L226.34 112Z"/></svg>
</template>

CSS

.icon-share-fat-thin {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m234.83%20109.17l-80-80A4%204%200%200%200%20148%2032v44.09c-54%202.44-120.43%2053.55-127.94%20119a7.87%207.87%200%200%200%204.58%208.16a8%208%200%200%200%203.41.77a7.9%207.9%200%200%200%205.79-2.55c11.53-12.27%2053.29-51.73%20114.16-53.4V192a4%204%200%200%200%206.83%202.83l80-80a4%204%200%200%200%200-5.66M156%20182.33V144a4%204%200%200%200-4-4c-27.39%200-54.08%207.17-79.34%2021.3A189.9%20189.9%200%200%200%2028%20196l2.92%202.74L28%20196c3.36-29.21%2019.55-57.48%2045.6-79.57C97.53%2096.11%20126.83%2084%20152%2084a4%204%200%200%200%204-4V41.66L226.34%20112Z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m234.83%20109.17l-80-80A4%204%200%200%200%20148%2032v44.09c-54%202.44-120.43%2053.55-127.94%20119a7.87%207.87%200%200%200%204.58%208.16a8%208%200%200%200%203.41.77a7.9%207.9%200%200%200%205.79-2.55c11.53-12.27%2053.29-51.73%20114.16-53.4V192a4%204%200%200%200%206.83%202.83l80-80a4%204%200%200%200%200-5.66M156%20182.33V144a4%204%200%200%200-4-4c-27.39%200-54.08%207.17-79.34%2021.3A189.9%20189.9%200%200%200%2028%20196l2.92%202.74L28%20196c3.36-29.21%2019.55-57.48%2045.6-79.57C97.53%2096.11%20126.83%2084%20152%2084a4%204%200%200%200%204-4V41.66L226.34%20112Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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