Hover the icon or press Play. Suggested motion: nudge-up. Pick another to preview it and update the animated code:

Radix Icons · RxShare2

Share2 icon

A free share2 icon from Radix Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: MIT license
Project: icons.radix-ui.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/share2.json

components/icons/radix-share2.tsx

import * as React from "react";

/**
 * Share2 from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/share2. Sized in em, colored by currentColor.
 */
export function RxShare2Icon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2 5.50006C2 4.67163 2.67157 4.00006 3.5 4.00006L4.75 4.00006C5.02614 4.00006 5.25 4.22392 5.25 4.50006C5.25 4.7762 5.02614 5.00006 4.75 5.00006L3.5 5.00006C3.22386 5.00006 3 5.22392 3 5.50006L3 11.5001C3 11.7762 3.22386 12.0001 3.5 12.0001L11.5 12.0001C11.7761 12.0001 12 11.7762 12 11.5001L12 5.50006C12 5.22392 11.7761 5.00006 11.5 5.00006L10.25 5.00006C9.97386 5.00006 9.75 4.7762 9.75 4.50006C9.75 4.22392 9.97386 4.00006 10.25 4.00006L11.5 4.00006C12.3284 4.00006 13 4.67163 13 5.50006L13 11.5001C13 12.3285 12.3284 13.0001 11.5 13.0001L3.5 13.0001C2.67157 13.0001 2 12.3285 2 11.5001L2 5.50006ZM4.93164 3.06842C4.77781 2.91459 4.75854 2.6767 4.87402 2.50201L4.93164 2.4317L7.18164 0.181701C7.26603 0.0973098 7.38065 0.0498655 7.5 0.0498655C7.61935 0.0498655 7.73397 0.0973098 7.81836 0.181701L10.0684 2.4317C10.2441 2.60744 10.2441 2.89269 10.0684 3.06842C9.89263 3.24412 9.60737 3.24412 9.43164 3.06842L8 1.63678L8 8.50006C7.99997 8.77618 7.77612 9.00006 7.5 9.00006C7.22388 9.00006 7.00003 8.77618 7 8.50006L7 1.63678L5.56836 3.06842L5.49805 3.12604C5.32337 3.24152 5.08548 3.22223 4.93164 3.06842Z"
        fill="currentColor"
      />
    </svg>
  );
}

With react-icons

import { RxShare2 } from "react-icons/rx";

export function Example() {
  return <RxShare2 className="size-5" />;
}

share2.svg

<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M2 5.50006C2 4.67163 2.67157 4.00006 3.5 4.00006L4.75 4.00006C5.02614 4.00006 5.25 4.22392 5.25 4.50006C5.25 4.7762 5.02614 5.00006 4.75 5.00006L3.5 5.00006C3.22386 5.00006 3 5.22392 3 5.50006L3 11.5001C3 11.7762 3.22386 12.0001 3.5 12.0001L11.5 12.0001C11.7761 12.0001 12 11.7762 12 11.5001L12 5.50006C12 5.22392 11.7761 5.00006 11.5 5.00006L10.25 5.00006C9.97386 5.00006 9.75 4.7762 9.75 4.50006C9.75 4.22392 9.97386 4.00006 10.25 4.00006L11.5 4.00006C12.3284 4.00006 13 4.67163 13 5.50006L13 11.5001C13 12.3285 12.3284 13.0001 11.5 13.0001L3.5 13.0001C2.67157 13.0001 2 12.3285 2 11.5001L2 5.50006ZM4.93164 3.06842C4.77781 2.91459 4.75854 2.6767 4.87402 2.50201L4.93164 2.4317L7.18164 0.181701C7.26603 0.0973098 7.38065 0.0498655 7.5 0.0498655C7.61935 0.0498655 7.73397 0.0973098 7.81836 0.181701L10.0684 2.4317C10.2441 2.60744 10.2441 2.89269 10.0684 3.06842C9.89263 3.24412 9.60737 3.24412 9.43164 3.06842L8 1.63678L8 8.50006C7.99997 8.77618 7.77612 9.00006 7.5 9.00006C7.22388 9.00006 7.00003 8.77618 7 8.50006L7 1.63678L5.56836 3.06842L5.49805 3.12604C5.32337 3.24152 5.08548 3.22223 4.93164 3.06842Z"
    fill="currentColor"
  />
</svg>

Attribution

"Share2" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Share2 icon in other sets

Similar Radix Icons icons