UI Icons Library

Home Service Icon Kit: 650 editable SVG icons

This kit is a collection of 650 clean, consistent line icons made for home service websites. I built it for my own landing pages and funnels, where I kept needing the same roofing, HVAC and real estate icons and could not find a set that matched in style. Now it lives here for anyone building sites in these niches.

What is inside

• Roofing: icons for roof types, repairs, inspections, materials and storm damage.
• HVAC: icons for heating, cooling, ventilation, thermostats and maintenance services.
• Real estate: icons for homes, listings, keys, floor plans and property services.

Every icon sits on a 24px grid with a consistent stroke, so they look like one family whether you use two of them or twenty.

How to use the icons

1. Browse the free sample below, or unlock the full library with the password.
2. Use the Size, Stroke and Color controls to preview the icon the way it will look on your site. The default stroke is 1.5.
3. Click any icon to copy its SVG code.
4. Paste the code into your page builder’s HTML or icon element, or into Figma, Illustrator or Inkscape to edit it further.

Because the icons are plain SVG, they stay sharp at any size, load fast and can be recolored with a single CSS or design tool change. That matters for service pages, where speed and a clear look build trust with visitors.

Why SVG instead of an icon font

SVG icons load only when used, can be styled individually and do not add a font file to every page. For a local business site that needs to load quickly on mobile, that is usually the better choice.

Access and usage

[HOW TO GET THE PASSWORD: for example, “The password is shared with clients and newsletter subscribers. Email me and I will send it.”]

[USAGE TERMS: for example, “Free for personal and client projects. Please do not resell or redistribute the icon files.”]

Questions or a custom icon request? Get in touch.