<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(#isGvFhQ)"><path fill="url(#iBmFcme)" d="M18.172 4.297h5.312a.5.5 0 0 1 .5.5V6.28a.75.75 0 0 1-.75.75h-4.312a.75.75 0 0 1-.75-.75z"/><path fill="url(#iFKq6Ic)" d="M18.172 4.297h5.312a.5.5 0 0 1 .5.5V6.28a.75.75 0 0 1-.75.75h-4.312a.75.75 0 0 1-.75-.75z"/><path fill="url(#idJZW6b)" d="M18.172 4.297h5.312a.5.5 0 0 1 .5.5V6.28a.75.75 0 0 1-.75.75h-4.312a.75.75 0 0 1-.75-.75z"/></g><rect width="8.375" height="1.078" x="16.891" y="27.93" fill="url(#ig39q9d)" rx=".539"/><rect width="8.375" height="1.078" x="16.891" y="27.93" fill="url(#iSnMGfc)" rx=".539"/><rect width="8.375" height="1.078" x="16.891" y="27.93" fill="url(#iWRlbMe)" rx=".539"/><rect width="8.375" height="1.078" x="16.891" y="27.93" fill="url(#iJf8HEH)" rx=".539"/><g filter="url(#iLRV2Db)"><path fill="url(#iKmE9hd)" d="M10.844 2.125a3.75 3.75 0 0 0-3.75 3.75v15.344a3.75 3.75 0 0 0 3.75 3.75h11.93a.75.75 0 0 0 .75-.75v-2.157h-7.993a4 4 0 0 1-4-4V8.938a4 4 0 0 1 4-4h8.453c0-1.609-1.802-2.812-3.5-2.812z"/></g><path fill="url(#iQ7H7uc)" d="M19.438 15.945h3.281v6.336h-3.281z"/><path fill="url(#ic8aZmb)" d="M19.438 15.945h3.281v6.336h-3.281z"/><path fill="url(#iMiD6RW)" d="M19.438 15.945h3.281v6.336h-3.281z"/><rect width="3.281" height="7.688" fill="url(#iDQ6Pyc)" rx="1.641" transform="matrix(1 0 0 -1 19.438 29.969)"/><rect width="3.281" height="7.688" fill="url(#inwEcKe)" rx="1.641" transform="matrix(1 0 0 -1 19.438 29.969)"/><rect width="5.531" height="6.891" fill="url(#iFnAIPb)" rx=".75" transform="matrix(1 0 0 -1 18.313 26.953)"/><rect width="5.531" height="6.891" fill="url(#ic3Fbqe)" rx=".75" transform="matrix(1 0 0 -1 18.313 26.953)"/><rect width="5.531" height="6.891" fill="url(#iczV5Gb)" rx=".75" transform="matrix(1 0 0 -1 18.313 26.953)"/><rect width="5.531" height="6.891" fill="url(#ixd5q3b)" rx=".75" transform="matrix(1 0 0 -1 18.313 26.953)"/><rect width="5.531" height="6.891" fill="url(#icvfshd)" rx=".75" transform="matrix(1 0 0 -1 18.313 26.953)"/><rect width="5.531" height="1.899" fill="url(#izcJDFl)" rx=".949" transform="matrix(1 0 0 -1 18.313 15.945)"/><rect width="5.531" height="1.899" fill="url(#iuVgROc)" rx=".949" transform="matrix(1 0 0 -1 18.313 15.945)"/><rect width="5.531" height="1.899" fill="url(#iIa70Xd)" rx=".949" transform="matrix(1 0 0 -1 18.313 15.945)"/><g filter="url(#imli2gd)"><path stroke="url(#iOaaiUd)" stroke-linecap="round" stroke-width="1.5" d="M10.75 7.5v10.446c0 2.572 1.36 5.09 5.09 5.09"/></g><g filter="url(#i9XpALb)"><path stroke="url(#ipBwQje)" stroke-linecap="round" stroke-width="1.5" d="M13.67 2.813h6.187c.75.026 2.652.187 3.375 1.339"/></g><circle cx="17.117" cy="28.469" r="1.117" fill="url(#ikhIgrk)"/><circle cx="17.117" cy="28.469" r="1.117" fill="url(#izAG81M)"/><circle cx="17.117" cy="28.469" r="1.117" fill="url(#iFZWvKv)"/><circle cx="25.039" cy="28.469" r="1.117" fill="url(#im0wCeb)"/><circle cx="25.039" cy="28.469" r="1.117" fill="url(#iM7KXIc)"/><circle cx="25.039" cy="28.469" r="1.117" fill="url(#ijUM8ke)"/><defs><linearGradient id="iBmFcme" x1="20.094" x2="23.188" y1="5.664" y2="5.664" gradientUnits="userSpaceOnUse"><stop stop-color="#322442"/><stop offset="1" stop-color="#5D5764"/></linearGradient><linearGradient id="iFKq6Ic" x1="23.984" x2="23.375" y1="6.375" y2="6.375" gradientUnits="userSpaceOnUse"><stop stop-color="#434047"/><stop offset="1" stop-color="#434047" stop-opacity="0"/></linearGradient><linearGradient id="idJZW6b" x1="22" x2="22" y1="7.031" y2="5.891" gradientUnits="userSpaceOnUse"><stop offset=".036" stop-color="#3A264D"/><stop offset="1" stop-color="#3A264D" stop-opacity="0"/></linearGradient><linearGradient id="ig39q9d" x1="21.078" x2="21.078" y1="27.93" y2="29.008" gradientUnits="userSpaceOnUse"><stop stop-color="#776F81"/><stop offset="1" stop-color="#8F6FAB"/></linearGradient><linearGradient id="iKmE9hd" x1="10.25" x2="23.984" y1="13.547" y2="13.547" gradientUnits="userSpaceOnUse"><stop stop-color="#58456B"/><stop offset=".852" stop-color="#352545"/></linearGradient><linearGradient id="iQ7H7uc" x1="19.967" x2="22.719" y1="19.113" y2="19.113" gradientUnits="userSpaceOnUse"><stop offset=".265" stop-color="#A49DAC"/><stop offset=".862" stop-color="#C8C2CE"/></linearGradient><linearGradient id="ic8aZmb" x1="21.078" x2="21.078" y1="15.945" y2="16.509" gradientUnits="userSpaceOnUse"><stop stop-color="#A197AB"/><stop offset="1" stop-color="#A197AB" stop-opacity="0"/></linearGradient><linearGradient id="iMiD6RW" x1="19.438" x2="20.076" y1="20.012" y2="20.012" gradientUnits="userSpaceOnUse"><stop stop-color="#89878C"/><stop offset="1" stop-color="#89878C" stop-opacity="0"/></linearGradient><linearGradient id="iDQ6Pyc" x1=".456" x2="2.645" y1="1.93" y2="1.93" gradientUnits="userSpaceOnUse"><stop offset=".183" stop-color="#A598B2"/><stop offset="1" stop-color="#C3BBCD"/></linearGradient><linearGradient id="inwEcKe" x1="1.641" x2="1.641" y1="0" y2="1.201" gradientUnits="userSpaceOnUse"><stop stop-color="#9C76BE"/><stop offset="1" stop-color="#9C76BE" stop-opacity="0"/></linearGradient><linearGradient id="iFnAIPb" x1=".706" x2="5.531" y1="3.111" y2="3.074" gradientUnits="userSpaceOnUse"><stop offset=".244" stop-color="#463657"/><stop offset=".568" stop-color="#5D5567"/><stop offset=".712" stop-color="#5D5567"/><stop offset="1" stop-color="#423B4A"/></linearGradient><linearGradient id="iczV5Gb" x1="2.766" x2="2.766" y1="0" y2=".903" gradientUnits="userSpaceOnUse"><stop offset=".416" stop-color="#462861"/><stop offset="1" stop-color="#462861" stop-opacity="0"/></linearGradient><linearGradient id="ixd5q3b" x1="2.128" x2="2.128" y1="6.891" y2="5.756" gradientUnits="userSpaceOnUse"><stop offset=".325" stop-color="#453853"/><stop offset="1" stop-color="#453853" stop-opacity="0"/></linearGradient><linearGradient id="izcJDFl" x1="2.766" x2="2.766" y1="0" y2="1.516" gradientUnits="userSpaceOnUse"><stop stop-color="#9D8EAE"/><stop offset="1" stop-color="#B2B0B4"/></linearGradient><linearGradient id="ipBwQje" x1="22.991" x2="12.893" y1="3.857" y2="3.857" gradientUnits="userSpaceOnUse"><stop stop-color="#656566"/><stop offset="1" stop-color="#656566" stop-opacity="0"/></linearGradient><radialGradient id="iSnMGfc" cx="0" cy="0" r="1" gradientTransform="matrix(0 .58377 -4.53477 0 23.798 28.148)" gradientUnits="userSpaceOnUse"><stop stop-color="#A39AAC"/><stop offset="1" stop-color="#A39AAC" stop-opacity="0"/></radialGradient><radialGradient id="iWRlbMe" cx="0" cy="0" r="1" gradientTransform="matrix(-1.11281 0 0 -1.64185 24.637 28.805)" gradientUnits="userSpaceOnUse"><stop offset=".462" stop-color="#886EA1"/><stop offset="1" stop-color="#886EA1" stop-opacity="0"/></radialGradient><radialGradient id="iJf8HEH" cx="0" cy="0" r="1" gradientTransform="matrix(-.82092 0 0 -1.41555 19.693 28.469)" gradientUnits="userSpaceOnUse"><stop offset=".143" stop-color="#756883"/><stop offset="1" stop-color="#756883" stop-opacity="0"/></radialGradient><radialGradient id="ic3Fbqe" cx="0" cy="0" r="1" gradientTransform="matrix(.2554 5.18095 -1.01091 .04983 .231 .338)" gradientUnits="userSpaceOnUse"><stop stop-color="#665A74"/><stop offset="1" stop-color="#665A74" stop-opacity="0"/></radialGradient><radialGradient id="icvfshd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.2621 0 0 -.40134 4.208 6.175)" gradientUnits="userSpaceOnUse"><stop stop-color="#6D6873"/><stop offset="1" stop-color="#6D6873" stop-opacity="0"/></radialGradient><radialGradient id="iuVgROc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.69735 0 0 -1.92476 3.697 .95)" gradientUnits="userSpaceOnUse"><stop offset=".732" stop-color="#918B98" stop-opacity="0"/><stop offset="1" stop-color="#918B98"/></radialGradient><radialGradient id="iIa70Xd" cx="0" cy="0" r="1" gradientTransform="matrix(0 .71147 -3.97202 0 3.99 1.297)" gradientUnits="userSpaceOnUse"><stop stop-color="#D8D5DB"/><stop offset="1" stop-color="#B4B2B6" stop-opacity="0"/></radialGradient><radialGradient id="iOaaiUd" cx="0" cy="0" r="1" gradientTransform="rotate(-77.256 18.702 3.264)scale(20.1573 6.60329)" gradientUnits="userSpaceOnUse"><stop stop-color="#71687D"/><stop offset="1" stop-color="#71687D" stop-opacity="0"/></radialGradient><radialGradient id="ikhIgrk" cx="0" cy="0" r="1" gradientTransform="matrix(-.69242 1.91248 -2.4037 -.87027 17.81 27.674)" gradientUnits="userSpaceOnUse"><stop offset=".422" stop-color="#B5B3B7"/><stop offset="1" stop-color="#9A7BB6"/></radialGradient><radialGradient id="izAG81M" cx="0" cy="0" r="1" gradientTransform="rotate(122.347 1.12 18.894)scale(.64781)" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#D1CDD7"/><stop offset="1" stop-color="#D1CDD7" stop-opacity="0"/></radialGradient><radialGradient id="iFZWvKv" cx="0" cy="0" r="1" gradientTransform="rotate(-131.367 15.207 10.482)scale(1.62862)" gradientUnits="userSpaceOnUse"><stop offset=".712" stop-color="#949199" stop-opacity="0"/><stop offset="1" stop-color="#949199"/></radialGradient><radialGradient id="im0wCeb" cx="0" cy="0" r="1" gradientTransform="matrix(-.69242 1.91248 -2.4037 -.87027 25.731 27.674)" gradientUnits="userSpaceOnUse"><stop offset=".422" stop-color="#B5B3B7"/><stop offset="1" stop-color="#9A7BB6"/></radialGradient><radialGradient id="iM7KXIc" cx="0" cy="0" r="1" gradientTransform="rotate(122.347 5.081 21.074)scale(.64781)" gradientUnits="userSpaceOnUse"><stop offset=".23" stop-color="#D1CDD7"/><stop offset="1" stop-color="#D1CDD7" stop-opacity="0"/></radialGradient><radialGradient id="ijUM8ke" cx="0" cy="0" r="1" gradientTransform="rotate(-131.367 19.168 8.693)scale(1.62862)" gradientUnits="userSpaceOnUse"><stop offset=".712" stop-color="#949199" stop-opacity="0"/><stop offset="1" stop-color="#949199"/></radialGradient><filter id="isGvFhQ" width="6.162" height="2.734" x="18.172" y="4.297" 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=".35"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.435294 0 0 0 0 0.411765 0 0 0 0 0.462745 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_24481"/></filter><filter id="iLRV2Db" width="17.991" height="22.844" x="6.594" y="2.125" 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=".6"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.305882 0 0 0 0 0.168627 0 0 0 0 0.423529 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_24481"/><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="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.258824 0 0 0 0 0.219608 0 0 0 0 0.301961 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_24481" result="effect2_innerShadow_18_24481"/><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"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.392157 0 0 0 0 0.337255 0 0 0 0 0.454902 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_24481" result="effect3_innerShadow_18_24481"/></filter><filter id="imli2gd" width="6.739" height="17.186" x="9.925" y="6.675" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_24481" stdDeviation=".25"/></filter><filter id="i9XpALb" width="11.363" height="3.139" x="12.77" y="1.913" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_24481" stdDeviation=".3"/></filter></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. ClampIcon.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.