Hover the icon or press Play. Suggested motion: nudge-up. Pick another to preview it and update the animated code:
Live Share icon
A free live share icon from VS Code 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
- CC BY 4.0 license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/live-share.jsonimport * as React from "react";
/**
* Live Share from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/live-share. Sized in em, colored by currentColor.
*/
export function VscLiveShareIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 24 25"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M9.75 2.06775C10.164 2.06775 10.5 2.40375 10.5 2.81775C10.5 3.23175 10.164 3.56775 9.75 3.56775H4.5C2.843 3.56775 1.5 4.91075 1.5 6.56775V18.5677C1.5 20.2247 2.843 21.5677 4.5 21.5677H16.5C18.157 21.5677 19.5 20.2247 19.5 18.5677V16.3177C19.5 15.9037 19.836 15.5677 20.25 15.5677C20.664 15.5677 21 15.9037 21 16.3177V18.5677C21 21.0527 18.985 23.0677 16.5 23.0677H4.5C2.015 23.0677 0 21.0527 0 18.5677V6.56775C0 4.08275 2.015 2.06775 4.5 2.06775H9.75ZM15.75 0.567749C15.932 0.567749 16.112 0.633749 16.252 0.759749L23.752 7.50975C23.91 7.65175 23.999 7.85575 24 8.06775C24 8.28075 23.91 8.48375 23.752 8.62575L16.252 15.3757C16.112 15.5017 15.932 15.5677 15.75 15.5677C15.255 15.5677 14.999 15.1467 14.999 14.8177V11.5777C10.215 12.0157 6.971 16.3267 6.157 17.7167L5.92 18.1537C5.791 18.4117 5.528 18.5677 5.249 18.5677C4.802 18.5677 4.499 18.1987 4.499 17.8177C4.499 4.10175 14.721 4.35075 14.999 4.33675V1.31775L15.006 1.20775C15.033 1.02575 15.224 0.567749 15.749 0.567749H15.75ZM16.5 5.06775C16.5 5.48175 16.164 5.81775 15.75 5.81775C11.869 5.81775 9.485 7.38575 8.035 9.60275C7.007 11.1757 6.425 13.1117 6.166 15.1277C6.815 14.3477 7.604 13.5467 8.513 12.8187C10.415 11.2947 12.901 10.0397 15.751 10.0397C16.165 10.0397 16.501 10.3757 16.501 10.7897V13.1307L22.127 8.06675L16.501 3.00175V5.06675L16.5 5.06775Z"
/>
</svg>
);
}import { VscLiveShare } from "react-icons/vsc";
export function Example() {
return <VscLiveShare className="size-5" />;
}<svg
viewBox="0 0 24 25"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M9.75 2.06775C10.164 2.06775 10.5 2.40375 10.5 2.81775C10.5 3.23175 10.164 3.56775 9.75 3.56775H4.5C2.843 3.56775 1.5 4.91075 1.5 6.56775V18.5677C1.5 20.2247 2.843 21.5677 4.5 21.5677H16.5C18.157 21.5677 19.5 20.2247 19.5 18.5677V16.3177C19.5 15.9037 19.836 15.5677 20.25 15.5677C20.664 15.5677 21 15.9037 21 16.3177V18.5677C21 21.0527 18.985 23.0677 16.5 23.0677H4.5C2.015 23.0677 0 21.0527 0 18.5677V6.56775C0 4.08275 2.015 2.06775 4.5 2.06775H9.75ZM15.75 0.567749C15.932 0.567749 16.112 0.633749 16.252 0.759749L23.752 7.50975C23.91 7.65175 23.999 7.85575 24 8.06775C24 8.28075 23.91 8.48375 23.752 8.62575L16.252 15.3757C16.112 15.5017 15.932 15.5677 15.75 15.5677C15.255 15.5677 14.999 15.1467 14.999 14.8177V11.5777C10.215 12.0157 6.971 16.3267 6.157 17.7167L5.92 18.1537C5.791 18.4117 5.528 18.5677 5.249 18.5677C4.802 18.5677 4.499 18.1987 4.499 17.8177C4.499 4.10175 14.721 4.35075 14.999 4.33675V1.31775L15.006 1.20775C15.033 1.02575 15.224 0.567749 15.749 0.567749H15.75ZM16.5 5.06775C16.5 5.48175 16.164 5.81775 15.75 5.81775C11.869 5.81775 9.485 7.38575 8.035 9.60275C7.007 11.1757 6.425 13.1117 6.166 15.1277C6.815 14.3477 7.604 13.5467 8.513 12.8187C10.415 11.2947 12.901 10.0397 15.751 10.0397C16.165 10.0397 16.501 10.3757 16.501 10.7897V13.1307L22.127 8.06675L16.501 3.00175V5.06675L16.5 5.06775Z"
/>
</svg>"Live Share" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.