How to use the Share Circle icon
import { ShareCircleIcon } from "@/assets/icons/sharecircleIcon"
export default function Example() {
return <ShareCircleIcon width="32px" height="32px" />
}General icon
Share Circle JSX Icon
Copy the Share Circle icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentShareCircleIcon
FilesharecircleIcon.jsx
CategoryGeneral
Copy-ready code
Share Circle React JSX component
// Source: https://raw.githubusercontent.com/Remix-Design/RemixIcon/8e543a8983790c20d7d8c696ae74023c69f379b7/icons/System/share-circle-line.svg
// Asset license: Apache-2.0; full notice preserved in licenses/remix-icon-4.8.0-Apache-2.0.txt
// Modified from the upstream SVG: converted to JSX and parameterized by JSXIcons.
export const ShareCircleIcon = ({ width = "40px", height = "40px", color = "currentColor", ...props }) => (
<svg {...props} width={width} height={height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill={color} aria-hidden="true" role="img">
<path d="M11 2.04938V4.06189C7.05369 4.55399 4 7.92038 4 12C4 16.4183 7.58172 20 12 20C16.0796 20 19.446 16.9463 19.9381 13H21.9506C21.4489 18.0533 17.1853 22 12 22C6.47715 22 2 17.5228 2 12C2 6.81465 5.94668 2.5511 11 2.04938ZM20 5.41421L12 13.4142L10.5858 12L18.5858 4H14V2H22V10H20V5.41421Z"/>
</svg>
)
Built for the web
Use it in your stack
This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.
Looking for a similar mark? Browse the related icons below or explore the full general collection.
Related JSX icons
FAQ
Is the Share Circle JSX icon free?
Yes. You can copy the JSX component and use it in React and Next.js projects.
Can I customize it?
Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.