<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iyP7Xed)"><path fill="#818cf8" d="M5.355 11.781a4.163 4.163 0 1 1 8.325 0v11.823a5.678 5.678 0 0 1-11.356-.026v-8.625a.85.85 0 0 1 1.7 0v8.625a3.978 3.978 0 1 0 7.956 0V11.781a2.463 2.463 0 1 0-4.925 0v10.016a.916.916 0 1 0 1.831 0v-6.75a.85.85 0 0 1 1.7 0v6.75a2.616 2.616 0 0 1-5.23.036z"/></g><path fill="url(#i6mk42b)" d="M5.355 11.781a4.163 4.163 0 1 1 8.325 0v11.823a5.678 5.678 0 0 1-11.356-.026v-8.625a.85.85 0 0 1 1.7 0v8.625a3.978 3.978 0 1 0 7.956 0V11.781a2.463 2.463 0 1 0-4.925 0v10.016a.916.916 0 1 0 1.831 0v-6.75a.85.85 0 0 1 1.7 0v6.75a2.616 2.616 0 0 1-5.23.036z"/><path fill="url(#i2ajvRd)" d="M5.355 11.781a4.163 4.163 0 1 1 8.325 0v11.823a5.678 5.678 0 0 1-11.356-.026v-8.625a.85.85 0 0 1 1.7 0v8.625a3.978 3.978 0 1 0 7.956 0V11.781a2.463 2.463 0 1 0-4.925 0v10.016a.916.916 0 1 0 1.831 0v-6.75a.85.85 0 0 1 1.7 0v6.75a2.616 2.616 0 0 1-5.23.036z"/><path fill="url(#i6ipekd)" d="M5.355 11.781a4.163 4.163 0 1 1 8.325 0v11.823a5.678 5.678 0 0 1-11.356-.026v-8.625a.85.85 0 0 1 1.7 0v8.625a3.978 3.978 0 1 0 7.956 0V11.781a2.463 2.463 0 1 0-4.925 0v10.016a.916.916 0 1 0 1.831 0v-6.75a.85.85 0 0 1 1.7 0v6.75a2.616 2.616 0 0 1-5.23.036z"/><path fill="url(#ix0WUgc)" d="M5.355 11.781a4.163 4.163 0 1 1 8.325 0v11.823a5.678 5.678 0 0 1-11.356-.026v-8.625a.85.85 0 0 1 1.7 0v8.625a3.978 3.978 0 1 0 7.956 0V11.781a2.463 2.463 0 1 0-4.925 0v10.016a.916.916 0 1 0 1.831 0v-6.75a.85.85 0 0 1 1.7 0v6.75a2.616 2.616 0 0 1-5.23.036z"/><g filter="url(#i35jNgc)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M6.46 21.813V11.78a3.31 3.31 0 0 1 3.31-3.31a3.31 3.31 0 0 1 3.309 3.312m0 11.813v-7.61"/></g><g filter="url(#ikgbLSh)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M6.46 21.797a1.765 1.765 0 1 0 3.528 0v-6.75"/></g><g filter="url(#iVZJPtc)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M13.079 23.578a4.826 4.826 0 0 1-4.823 4.828a4.826 4.826 0 0 1-4.824-4.828v-8.625"/></g><g filter="url(#iRvZgtd)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M15.7 7.733h10.03a3.31 3.31 0 0 1 3.313 3.31a3.31 3.31 0 0 1-3.312 3.309H13.917"/></g><g filter="url(#i0KfOGB)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M15.715 7.733a1.765 1.765 0 1 0 0 3.528h6.75"/></g><g fill="#818cf8" filter="url(#i0jLCAd)"><path d="M29.88 10.79a4.16 4.16 0 0 0-4.162-4.162H15.666a2.616 2.616 0 0 0-2.532 3.112q.251.447.39.951a2.61 2.61 0 0 0 2.178 1.168h6.75a.85.85 0 0 0 0-1.7h-6.75a.916.916 0 0 1 0-1.83h10.016a2.462 2.462 0 1 1 0 4.924H13.92a3.98 3.98 0 0 1-3.977-3.895a2.48 2.48 0 0 0-1.688.3a5.68 5.68 0 0 0 5.64 5.295h11.822a4.16 4.16 0 0 0 4.162-4.162"/><path d="M8.449 7.754a4.2 4.2 0 0 1 1.822-.065a3.98 3.98 0 0 1 3.65-2.392h8.625a.85.85 0 1 0 0-1.7H13.92a5.68 5.68 0 0 0-5.472 4.157"/></g><path fill="url(#ittEt5c)" d="M29.88 10.79a4.16 4.16 0 0 0-4.162-4.162H15.666a2.616 2.616 0 0 0-2.532 3.112q.251.447.39.951a2.61 2.61 0 0 0 2.178 1.168h6.75a.85.85 0 0 0 0-1.7h-6.75a.916.916 0 0 1 0-1.83h10.016a2.462 2.462 0 1 1 0 4.924H13.92a3.98 3.98 0 0 1-3.977-3.895a2.48 2.48 0 0 0-1.688.3a5.68 5.68 0 0 0 5.64 5.295h11.822a4.16 4.16 0 0 0 4.162-4.162"/><path fill="url(#iyKSvec)" d="M29.88 10.79a4.16 4.16 0 0 0-4.162-4.162H15.666a2.616 2.616 0 0 0-2.532 3.112q.251.447.39.951a2.61 2.61 0 0 0 2.178 1.168h6.75a.85.85 0 0 0 0-1.7h-6.75a.916.916 0 0 1 0-1.83h10.016a2.462 2.462 0 1 1 0 4.924H13.92a3.98 3.98 0 0 1-3.977-3.895a2.48 2.48 0 0 0-1.688.3a5.68 5.68 0 0 0 5.64 5.295h11.822a4.16 4.16 0 0 0 4.162-4.162"/><path fill="url(#iLcDqdd)" d="M29.88 10.79a4.16 4.16 0 0 0-4.162-4.162H15.666a2.616 2.616 0 0 0-2.532 3.112q.251.447.39.951a2.61 2.61 0 0 0 2.178 1.168h6.75a.85.85 0 0 0 0-1.7h-6.75a.916.916 0 0 1 0-1.83h10.016a2.462 2.462 0 1 1 0 4.924H13.92a3.98 3.98 0 0 1-3.977-3.895a2.48 2.48 0 0 0-1.688.3a5.68 5.68 0 0 0 5.64 5.295h11.822a4.16 4.16 0 0 0 4.162-4.162"/><path fill="url(#iCm7hRc)" d="M29.88 10.79a4.16 4.16 0 0 0-4.162-4.162H15.666a2.616 2.616 0 0 0-2.532 3.112q.251.447.39.951a2.61 2.61 0 0 0 2.178 1.168h6.75a.85.85 0 0 0 0-1.7h-6.75a.916.916 0 0 1 0-1.83h10.016a2.462 2.462 0 1 1 0 4.924H13.92a3.98 3.98 0 0 1-3.977-3.895a2.48 2.48 0 0 0-1.688.3a5.68 5.68 0 0 0 5.64 5.295h11.822a4.16 4.16 0 0 0 4.162-4.162"/><path fill="url(#ittEt5c)" d="M8.449 7.754a4.2 4.2 0 0 1 1.822-.065a3.98 3.98 0 0 1 3.65-2.392h8.625a.85.85 0 1 0 0-1.7H13.92a5.68 5.68 0 0 0-5.472 4.157"/><path fill="url(#iyKSvec)" d="M8.449 7.754a4.2 4.2 0 0 1 1.822-.065a3.98 3.98 0 0 1 3.65-2.392h8.625a.85.85 0 1 0 0-1.7H13.92a5.68 5.68 0 0 0-5.472 4.157"/><path fill="url(#iLcDqdd)" d="M8.449 7.754a4.2 4.2 0 0 1 1.822-.065a3.98 3.98 0 0 1 3.65-2.392h8.625a.85.85 0 1 0 0-1.7H13.92a5.68 5.68 0 0 0-5.472 4.157"/><path fill="url(#iCm7hRc)" d="M8.449 7.754a4.2 4.2 0 0 1 1.822-.065a3.98 3.98 0 0 1 3.65-2.392h8.625a.85.85 0 1 0 0-1.7H13.92a5.68 5.68 0 0 0-5.472 4.157"/><g filter="url(#i9TCtrc)"><path stroke="url(#icNLcpd)" stroke-linecap="round" stroke-width="1.5" d="M14.095 14.098c-2.46 0-4.49-1.898-4.769-4.345M22.674 4.25h-8.579c-1.912 0-3.563 1.146-4.336 2.805"/></g><g filter="url(#iyvV2ee)"><path stroke="url(#iRAG6Td)" stroke-linecap="round" stroke-width="1.5" d="M21.301 14.352h4.527a3.533 3.533 0 1 0 0-7.067H21.3"/></g><defs><radialGradient id="i6mk42b" cx="0" cy="0" r="1" gradientTransform="matrix(0 14.375 -10.2353 0 8.002 15.375)" gradientUnits="userSpaceOnUse"><stop offset=".878" stop-color="#8F7AA8" stop-opacity="0"/><stop offset="1" stop-color="#8F7AA8"/></radialGradient><radialGradient id="i2ajvRd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.34375 2.86458 0 9.549 10.625)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#A18DBA"/><stop offset="1" stop-color="#A18DBA" stop-opacity="0"/></radialGradient><radialGradient id="i6ipekd" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.375 -1.14204 0 12.018 16.625)" gradientUnits="userSpaceOnUse"><stop stop-color="#A7A1B3"/><stop offset="1" stop-color="#A7A1B3" stop-opacity="0"/></radialGradient><radialGradient id="ix0WUgc" cx="0" cy="0" r="1" gradientTransform="matrix(2.32813 .9375 -.42927 1.06602 12.627 14.625)" gradientUnits="userSpaceOnUse"><stop offset=".136" stop-color="#9787AC"/><stop offset="1" stop-color="#ADA6B9" stop-opacity="0"/></radialGradient><radialGradient id="ittEt5c" cx="0" cy="0" r="1" gradientTransform="matrix(.25 .9125 -5.15318 1.41182 9.174 9.275)" gradientUnits="userSpaceOnUse"><stop stop-color="#8C7CA1"/><stop offset="1" stop-color="#B1AABD" stop-opacity="0"/></radialGradient><radialGradient id="iLcDqdd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.0625 9.57477 0 19.068 12.156)" gradientUnits="userSpaceOnUse"><stop offset=".176" stop-color="#9D8BB4"/><stop offset="1" stop-color="#C3B9D2" stop-opacity="0"/></radialGradient><radialGradient id="iCm7hRc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.1875 9.63727 0 19.068 5.688)" gradientUnits="userSpaceOnUse"><stop offset=".176" stop-color="#9D8BB4"/><stop offset="1" stop-color="#C3B9D2" stop-opacity="0"/></radialGradient><filter id="iyP7Xed" width="12.106" height="22.288" x="2.324" y="7.119" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".75" dy="-.5"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.760784 0 0 0 0 0.717647 0 0 0 0 0.819608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23209"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".3" dy="-.15"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.627451 0 0 0 0 0.6 0 0 0 0 0.678431 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23209" result="effect2_innerShadow_18_23209"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.847059 0 0 0 0 0.843137 0 0 0 0 0.862745 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_23209" result="effect3_innerShadow_18_23209"/></filter><filter id="i35jNgc" width="7.868" height="16.375" x="5.836" y="7.844" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="ikgbLSh" width="4.778" height="9.766" x="5.836" y="14.422" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="iVZJPtc" width="10.897" height="14.703" x="2.807" y="14.328" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="iRvZgtd" width="16.375" height="7.868" x="13.293" y="7.108" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="i0KfOGB" width="9.766" height="4.778" x="13.324" y="7.108" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="i0jLCAd" width="22.375" height="12.006" x="8.256" y="3.097" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".75" dy="-.5"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.760784 0 0 0 0 0.717647 0 0 0 0 0.819608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23209"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".3" dy="-.15"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.627451 0 0 0 0 0.6 0 0 0 0 0.678431 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23209" result="effect2_innerShadow_18_23209"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.847059 0 0 0 0 0.843137 0 0 0 0 0.862745 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_23209" result="effect3_innerShadow_18_23209"/></filter><filter id="i9TCtrc" width="14.598" height="11.098" x="8.701" y="3.625" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="iyvV2ee" width="9.31" height="8.317" x="20.676" y="6.66" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><linearGradient id="iyKSvec" x1="21.799" x2="21.799" y1="15.313" y2="14.094" gradientUnits="userSpaceOnUse"><stop stop-color="#9783B0"/><stop offset="1" stop-color="#AEA2BE" stop-opacity="0"/></linearGradient><linearGradient id="icNLcpd" x1="22.674" x2="7.83" y1="9.174" y2="13.125" gradientUnits="userSpaceOnUse"><stop stop-color="#F3F1FA"/><stop offset="1" stop-color="#F3F1FA" stop-opacity="0"/></linearGradient><linearGradient id="iRAG6Td" x1="29.58" x2="25.149" y1="8.813" y2="11.421" gradientUnits="userSpaceOnUse"><stop stop-color="#F3F1FA"/><stop offset="1" stop-color="#F3F1FA" stop-opacity="0"/></linearGradient></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. LinkedPaperclipsIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.