How to use the Share Box icon
import { ShareBoxIcon } from "@/assets/icons/shareboxIcon"
export default function Example() {
return <ShareBoxIcon width="32px" height="32px" />
}General icon
Share Box JSX Icon
Copy the Share Box icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.
ComponentShareBoxIcon
FileshareboxIcon.jsx
CategoryGeneral
Copy-ready code
Share Box React JSX component
// Source: https://raw.githubusercontent.com/Remix-Design/RemixIcon/8e543a8983790c20d7d8c696ae74023c69f379b7/icons/System/share-box-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 ShareBoxIcon = ({ 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="M10 3V5H5V19H19V14H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3H10ZM17.5858 5H13V3H21V11H19V6.41421L12 13.4142L10.5858 12L17.5858 5Z"/>
</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 Box 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.