How to use the Share Forward Filled icon
import { ShareForwardFilledIcon } from "@/assets/icons/shareforwardfilledIcon"
export default function Example() {
return <ShareForwardFilledIcon width="32px" height="32px" />
}General icon
Share Forward Filled JSX Icon
Copy the Share Forward Filled icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentShareForwardFilledIcon
FileshareforwardfilledIcon.jsx
CategoryGeneral
Copy-ready code
Share Forward Filled React JSX component
// Source: https://raw.githubusercontent.com/Remix-Design/RemixIcon/8e543a8983790c20d7d8c696ae74023c69f379b7/icons/System/share-forward-fill.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 ShareForwardFilledIcon = ({ 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="M13 14H11C7.54202 14 4.53953 15.9502 3.03239 18.8107C3.01093 18.5433 3 18.2729 3 18C3 12.4772 7.47715 8 13 8V3L23 11L13 19V14Z"/>
</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 Forward Filled 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.