Home/Libraries/Temaki (Iconify)/sledding

Temaki (Iconify)

Sledding

License: CC0-1.0Commercial Safe

ICON SIZE

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 50 50"><path fill="#818cf8" d="M42.97 33.48c2.52 0 4.56-2.12 4.56-4.74c0-2.6-2.05-4.71-4.56-4.71c-2.53 0-4.57 2.11-4.57 4.71c0 2.62 2.04 4.74 4.57 4.74m3.5 10.57c.21.07.3.11.53.11c1.17 0 2.06-.98 2.06-2.19c0-.91-.58-1.7-1.35-2.02l-6.33-2.55l-4.61-8.46s-.38-.93-1.71-1.44l-15.08-6.25l-8.96-15.72c-.52-.9-1.48-1.52-2.57-1.52c-1.66 0-3 1.4-3 3.12c0 .55.14 1.06.38 1.51l11.13 19.53l-7.05-2.91l-1.77 1.19l28.18 11.57h-.01l1.16 1.81s.46.97 1.82 1.53l3.5 1.39c-2.28 2.36-5.47 1.33-5.47 1.33L2.91 29.76l-1.9 1.17l36.17 14.71c4.18 1.58 7.83-2.2 7.83-2.2v.01l1.48.63z"/></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. SleddingIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** 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.