Home/Libraries/Fluent Emoji (Iconify)/sled

Fluent Emoji (Iconify)

Sled

License: MITCommercial Safe

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path stroke="#818cf8" stroke-width="1.5" d="M12.037 22.372v5.157"/><path stroke="url(#iR4P2Rd)" stroke-width="1.5" d="M12.037 22.372v5.157"/><path stroke="url(#i8Q5Aic)" stroke-width="1.5" d="M12.037 22.372v5.157"/><path stroke="url(#iQOwOqi)" stroke-width="1.5" d="M12.037 22.372v5.157"/><path stroke="#818cf8" stroke-width="1.5" d="M24.318 22.372v5.157"/><path stroke="url(#iEzUQsd)" stroke-width="1.5" d="M24.318 22.372v5.157"/><path stroke="url(#ilXj1pd)" stroke-width="1.5" d="M24.318 22.372v5.157"/><path stroke="url(#iSAKKtd)" stroke-width="1.5" d="M24.318 22.372v5.157"/><g stroke-linecap="round" stroke-width="1.5" filter="url(#iecmzee)"><path stroke="url(#i7KAqSd)" d="M2.943 24.872v.157a3 3 0 0 0 3 3h22.906"/><path stroke="url(#iajpTqb)" d="M2.943 24.872v.157a3 3 0 0 0 3 3h22.906"/><path stroke="url(#in1unky)" d="M2.943 24.872v.157a3 3 0 0 0 3 3h22.906"/></g><g stroke-linecap="round" stroke-width="1.5" filter="url(#iLYlF6d)"><path stroke="url(#iuumXme)" d="M2.943 16.466v.156a3 3 0 0 0 3 3h20"/><path stroke="url(#iwwBl7d)" d="M2.943 16.466v.156a3 3 0 0 0 3 3h20"/></g><g filter="url(#i2rVEwd)"><rect width="21.434" height="11.558" x="7.529" y="11" fill="url(#iTHRSoe)" rx="1.25"/><rect width="21.434" height="11.558" x="7.529" y="11" fill="url(#i5Kvycc)" rx="1.25"/></g><g filter="url(#irLyWwe)"><path fill="#818cf8" d="M7.53 19.799v1.509c0 .69.56 1.25 1.25 1.25h18.933c.69 0 1.25-.56 1.25-1.25v-1.51c0 .69-.56 1.25-1.25 1.25H8.78c-.69 0-1.25-.56-1.25-1.25"/><path fill="url(#i1BBiEA)" d="M7.53 19.799v1.509c0 .69.56 1.25 1.25 1.25h18.933c.69 0 1.25-.56 1.25-1.25v-1.51c0 .69-.56 1.25-1.25 1.25H8.78c-.69 0-1.25-.56-1.25-1.25"/><path fill="url(#i29Uskc)" d="M7.53 19.799v1.509c0 .69.56 1.25 1.25 1.25h18.933c.69 0 1.25-.56 1.25-1.25v-1.51c0 .69-.56 1.25-1.25 1.25H8.78c-.69 0-1.25-.56-1.25-1.25"/></g><path fill="url(#ihieGvd)" d="M7.53 14.997v-1.453h21.433v1.453z"/><path fill="url(#iy5B9Nc)" d="M7.53 14.997v-1.453h21.433v1.453z"/><path fill="url(#ibobdLb)" d="M7.53 14.997v-1.453h21.433v1.453z"/><path fill="url(#iORz2oe)" d="M7.53 18.318v-1.453h21.433v1.453z"/><path fill="url(#iC6wvtG)" d="M7.53 18.318v-1.453h21.433v1.453z"/><path fill="url(#iXvZCCc)" d="M7.53 18.318v-1.453h21.433v1.453z"/><g filter="url(#iN9VMbb)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M3.112 16.343c.03.979.696 2.937 3.119 2.937"/></g><defs><linearGradient id="iR4P2Rd" x1="12.451" x2="12.451" y1="22.019" y2="23.943" gradientUnits="userSpaceOnUse"><stop offset=".186" stop-color="#D02640"/><stop offset="1" stop-color="#D02640" stop-opacity="0"/></linearGradient><linearGradient id="i8Q5Aic" x1="10.527" x2="12.037" y1="23.943" y2="23.943" gradientUnits="userSpaceOnUse"><stop offset=".186" stop-color="#D02640"/><stop offset="1" stop-color="#D02640" stop-opacity="0"/></linearGradient><linearGradient id="iEzUQsd" x1="23.755" x2="24.63" y1="21.81" y2="23.591" gradientUnits="userSpaceOnUse"><stop offset=".336" stop-color="#C3305E"/><stop offset="1" stop-color="#C3305E" stop-opacity="0"/></linearGradient><linearGradient id="ilXj1pd" x1="22.808" x2="24.568" y1="23.943" y2="23.943" gradientUnits="userSpaceOnUse"><stop offset=".186" stop-color="#C3305E"/><stop offset="1" stop-color="#C3305E" stop-opacity="0"/></linearGradient><linearGradient id="i7KAqSd" x1="16.693" x2="16.693" y1="29.247" y2="25.935" gradientUnits="userSpaceOnUse"><stop stop-color="#E72268"/><stop offset="1" stop-color="#FF4161"/></linearGradient><linearGradient id="iuumXme" x1="16.693" x2="16.693" y1="20.841" y2="17.529" gradientUnits="userSpaceOnUse"><stop stop-color="#E72268"/><stop offset="1" stop-color="#FF4161"/></linearGradient><linearGradient id="iTHRSoe" x1="18.246" x2="18.246" y1="11" y2="21.31" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCB95"/><stop offset="1" stop-color="#FFC899"/></linearGradient><linearGradient id="i5Kvycc" x1="19.33" x2="19.33" y1="21.081" y2="20.709" gradientUnits="userSpaceOnUse"><stop stop-color="#F7A29D"/><stop offset="1" stop-color="#F7A29D" stop-opacity="0"/></linearGradient><linearGradient id="i1BBiEA" x1="29.535" x2="27.515" y1="21.719" y2="21.719" gradientUnits="userSpaceOnUse"><stop stop-color="#F9B398"/><stop offset="1" stop-color="#F9B398" stop-opacity="0"/></linearGradient><linearGradient id="i29Uskc" x1="7.529" x2="9.126" y1="22.558" y2="22.558" gradientUnits="userSpaceOnUse"><stop stop-color="#D17979"/><stop offset="1" stop-color="#D17979" stop-opacity="0"/></linearGradient><linearGradient id="ihieGvd" x1="8.255" x2="27.63" y1="14.997" y2="14.997" gradientUnits="userSpaceOnUse"><stop stop-color="#FFAE65"/><stop offset="1" stop-color="#F3984D"/></linearGradient><linearGradient id="iy5B9Nc" x1="7.529" x2="8.078" y1="14.741" y2="14.741" gradientUnits="userSpaceOnUse"><stop stop-color="#DF884F"/><stop offset="1" stop-color="#DF884F" stop-opacity="0"/></linearGradient><linearGradient id="ibobdLb" x1="29.143" x2="28.168" y1="14.644" y2="14.644" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB063"/><stop offset="1" stop-color="#FFB063" stop-opacity="0"/></linearGradient><linearGradient id="iORz2oe" x1="13.255" x2="27.63" y1="18.318" y2="18.318" gradientUnits="userSpaceOnUse"><stop stop-color="#FFAE65"/><stop offset="1" stop-color="#F3984D"/></linearGradient><linearGradient id="iC6wvtG" x1="7.529" x2="8.078" y1="18.062" y2="18.062" gradientUnits="userSpaceOnUse"><stop stop-color="#DF884F"/><stop offset="1" stop-color="#DF884F" stop-opacity="0"/></linearGradient><linearGradient id="iXvZCCc" x1="29.143" x2="28.168" y1="17.965" y2="17.965" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB063"/><stop offset="1" stop-color="#FFB063" stop-opacity="0"/></linearGradient><radialGradient id="iQOwOqi" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.82469 .90902 0 12.988 27.529)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4462"/><stop offset="1" stop-color="#FF4462" stop-opacity="0"/></radialGradient><radialGradient id="iSAKKtd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.82469 .90902 0 25.27 27.529)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4D92"/><stop offset="1" stop-color="#FF4D92" stop-opacity="0"/></radialGradient><radialGradient id="iajpTqb" cx="0" cy="0" r="1" gradientTransform="matrix(-13.9688 0 0 -5.53125 27.974 28.841)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF449D"/><stop offset="1" stop-color="#FF449D" stop-opacity="0"/></radialGradient><radialGradient id="in1unky" cx="0" cy="0" r="1" gradientTransform="rotate(157.521 12.199 16.602)scale(1.96154 1.58091)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF579F"/><stop offset="1" stop-color="#FF579F" stop-opacity="0"/></radialGradient><radialGradient id="iwwBl7d" cx="0" cy="0" r="1" gradientTransform="rotate(153.727 1.65 10.309)scale(1.80774 2.87508)" gradientUnits="userSpaceOnUse"><stop offset=".347" stop-color="#CF2738"/><stop offset="1" stop-color="#CF2738" stop-opacity="0"/></radialGradient><filter id="iecmzee" width="28.106" height="5.356" x="1.943" y="23.672" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.776471 0 0 0 0 0.176471 0 0 0 0 0.345098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3054"/></filter><filter id="iLYlF6d" width="25.2" height="5.356" x="1.943" y="15.266" 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=".2" dy="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.776471 0 0 0 0 0.176471 0 0 0 0 0.345098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3054"/></filter><filter id="i2rVEwd" width="22.234" height="11.858" x="7.029" y="10.7" 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=".3" dy="-.3"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.933333 0 0 0 0 0.623529 0 0 0 0 0.439216 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3054"/><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" dy="-.3"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.870588 0 0 0 0 0.647059 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_3054" result="effect2_innerShadow_18_3054"/></filter><filter id="irLyWwe" width="21.434" height="2.909" x="7.529" y="19.799" 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 dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.635294 0 0 0 0 0.615686 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3054"/></filter><filter id="iN9VMbb" width="3.868" height="3.688" x="2.737" y="15.968" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_3054" stdDeviation=".125"/></filter></defs></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. SledIcon.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.