How to use the Share Upload icon
import { ShareUploadIcon } from "@/assets/icons/shareuploadIcon"
export default function Example() {
return <ShareUploadIcon width="32px" height="32px" />
}General icon
Share Upload JSX Icon
Copy the Share Upload icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentShareUploadIcon
FileshareuploadIcon.jsx
CategoryGeneral
Copy-ready code
Share Upload React JSX component
// Source: https://raw.githubusercontent.com/Remix-Design/RemixIcon/8e543a8983790c20d7d8c696ae74023c69f379b7/icons/System/share-2-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 ShareUploadIcon = ({ 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="M12 2.58582L18.2071 8.79292L16.7929 10.2071L13 6.41424V16H11V6.41424L7.20711 10.2071L5.79289 8.79292L12 2.58582ZM3 18V14H5V18C5 18.5523 5.44772 19 6 19H18C18.5523 19 19 18.5523 19 18V14H21V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18Z"/>
</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 Upload 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.