Skip to main content

Free Animated Outdoor Services Icons

22 animated icons for landscaping, solar, pool and tree businesses: leads, price calculators and local search. They arrive by email over three weeks.

Also send me, for outdoor services, when each is ready:

Confirm your email and the first icons arrive. Unsubscribe any time. Privacy policy

Week 1

When you confirm your email

  • Landscaping calculator

  • Deck website

  • Energy software

  • Fence website

  • Landscaping CRM

  • Landscaping integration

  • Landscaping leads

  • Landscaping SEO

Week 2

One week later

  • Landscaping website

  • Pool website

  • Pressure washing SEO

  • Pressure washing website

  • Snow removal leads

  • Solar ads

  • Solar app

  • Solar calculator

Week 3

Two weeks later

  • Solar integration

  • Solar leads

  • Solar SEO

  • Solar website

  • Tree service SEO

  • Tree service website

About this set

About the Outdoor services icons

Icons for the trades that work outside. The set is built around what these businesses put on a website: quote calculators (Landscaping calculator, Solar calculator), enquiry capture (Landscaping leads, Solar leads, Snow removal leads) and local search (Landscaping SEO, Tree service SEO, Pressure washing SEO). Website icons for decks, pools, fences and roofs sit beside them.

Where they fit

On a landscaping quote page, Landscaping calculator has the mower cut a strip while the quote adds up. On a solar page, Solar calculator prints the savings on a tape after the sun hits the strip. On a tree service page, Tree service website feeds a log into the chipper and chips fly out of the spout. Use them in service cards, area pages and quote steps.

One look across the set

All 22 icons share one 400 by 320 canvas, one line weight and one accent colour. A Pool website icon and a Fence website icon line up in the same row, so a multi-trade company can show every service in a single clean grid.

From the email to your page

  1. Open the email and download the ZIP. The svg folder holds the animated icons, and preview.html shows them all moving.
  2. For a looping icon, use the file as an image: an img tag with width 240 and height 192 keeps the 5:4 frame.
  3. For hover play, accent colour and dark mode, paste the SVG markup into your page instead of linking the file.
  4. Add data-play="hover" to the svg to play it only on hover, or data-cm-play="hover" on the card around it.
  5. Set --cm-accent to your brand colour, and add data-theme="dark" on dark backgrounds.

License

Free to use, with three limits

  • Use them in websites, apps, products and client projects, free
  • Credit is appreciated, not required
  • Not allowed: selling or sharing them as icons, claiming them as yours, or using them in a logo
Read the full license

More industries

  • Professional services

    24 icons, 8 a week

    Subscribe for websites and banners as well

  • Real estate

    24 icons, 8 a week

    Subscribe for websites and banners as well

  • SaaS

    24 icons, 8 a week

    Subscribe for websites and banners as well

Building for Outdoor services?

We build Outdoor services products, not just their icons

DeveloperLook designs and builds the websites and software these icons are drawn for. See how we work in your market.

FAQ

Questions about the Outdoor services icons

  • Yes, for commercial work: your website, your app, your product or a client's project. Attribution is appreciated, not required. What you can't do is resell or hand them out as icons, present them as your own work or turn one into a logo. Read the license page for the exact terms before you start.

  • The Outdoor services set has 22 icons. They arrive over 3 weeks, 8 in each of the first two weeks and 6 in the last, and the first batch comes when your email is confirmed. They cover quote calculators, lead capture and local search for outdoor trades, so most of what an outdoor trade shows on its site has an icon.

  • Put your email in the form on this page and confirm it. Icons start arriving right away and keep coming each week until you hold the full set. Each industry is its own email series, and one address can follow one of them. You can unsubscribe at any time.

  • Yes. The SVG opens in Figma, Illustrator or any vector editor, so you can change shapes, sizes and colours. The motion is CSS inside the file, so a design tool shows the still pose. Keep the original SVG for the moving version on the web. Each batch also comes with GIF and PNG versions.

  • No. Each icon is a small SVG with its motion in plain CSS, with no JavaScript and no fonts to load. Visitors who have reduced motion turned on see the still pose instead. For a local trade whose customers search on a phone with a weak signal, a light page loads sooner.

Saimul IslamFounder & CEO, DeveloperLook

Still have questions?

Send a message or book a call with the team.

Book a free call

Free 30-min call

Book a call

Book a free 30-minute call

In 30 minutes on Google Meet we walk you through how we would build it, how long it takes and what it costs. Then you get a written estimate.

Calendar not showing? Book on cal.com or send a brief.