PropTech Animated Icons — Complete Set (130 Lottie Icons)

Bring your property product to life. PropTech Animated Icons is a set of 130 animated line icons designed for real estate, property management, smart home and fintech apps. Every icon moves with meaning: the light turns on in the house, smoke rises from the detector, the pen signs the contract, the elevator doors slide open.

Every animation is a seamless loop — the first frame is the static icon, and every loop returns to it. Loop it, play it on hover or tap, or use it as a still image.

### What's new in v1.1

- 10 new interface icons: Home, Add, Remove, More, Info, Help, Camera, Attachment, Play, Pause

- 34 icons redrawn so strokes stay at least 2 px apart at the 2.5 weight and corners follow one radius rule; the motion is unchanged

- dotLottie with both themes inside: one file per icon and weight, switch light / dark in the player

- Colour slots in Lottie JSON (base, accent): recolour without editing the file

- icons.json registry and a clearer folder layout with consistent file names

### What's included

| Format | Files | Details |

|---|---|---|

| Lottie JSON | 780 | 512 × 512 px, 30 fps, colours in slots, average 3.4 KB (max 7.7 KB) |

| dotLottie (.lottie) | 390 | Light and dark themes in one file, average 1.3 KB (max 1.6 KB) |

| SVG | 780 | Editable vectors, every part in a named <g id> group, average 0.5 KB |

| PNG | 3,120 | 64, 128, 256 and 512 px, transparent background |

| Figma | 1 | .fig file — 130 components with Theme (Light/Dark) × Weight (1.5/2.0/2.5) variants, 8 categories |

| Offline preview | 1 | index.html — browse, search and play every icon, no internet needed |

| icons.json | 1 | Registry: ID, category, loop length and why each icon has its colours |

| README + LICENSE | 2 | Specification, how-to and license terms |

130 icons × 3 stroke weights × 2 themes = 780 variants (dotLottie: 390 files with both themes inside).

Total: 5,077 files · ZIP 18.3 MB.

### Variants

- 3 stroke weights: 1.5 px (light, for dense dashboards), 2.0 px (standard), 2.5 px (bold, for marketing pages and small sizes). Same icon, same animation.

- 2 themes:

 - Light — primary #16233F, accent #0FA3A0

 - Dark — primary #E2E8F0, accent #2FD4B4

- The accent colour always marks the moving part, so the animation reads instantly.

### Technical specification

- Grid: 24 × 24 px, 2 px padding, round caps and joins, outline style

- Corner radius: 2 px main, 1.5–2.5 px by shape size, 0.5–1 px for small details

- At least 2 px between strokes at every weight

- Lottie canvas: 512 × 512 px, 30 fps

- Loop length: 1.0 s (3 icons), 1.2 s (94 icons), 1.6 s (27 icons), 2.0 s (6 icons)

- Lottie built from shape layers only — no images, no expressions, no effects

- Group names in Lottie match the SVG group ids (e.g. roof, door, pen) — easy to find and recolour

- Tested in lottie-web and ThorVG (dotLottie); standard Lottie features only, made for any Lottie player — lottie-ios, lottie-android, dotLottie players, Flutter, React Native

### 130 icons in 8 categories

- Interface (50): Search, Filter, Sort Ascending, Sort Descending, Arrow Left, Arrow Right, Arrow Up, Arrow Down, Menu, Settings, User Profile, Notification Bell, Heart, Star, Share, Download, Upload, Copy, Delete, Edit, Checkmark, Close X, Calendar, Clock, Chat Message, Email, Phone, Lock, Eye Show, Eye Hide, Checkbox, Radio Button, Toggle Switch, Slider, Pagination Left, Pagination Right, Grid View, List View, Refresh, Logout, Home, Add, Remove, More, Info, Help, Camera, Attachment, Play, Pause

- Real estate (16): House, Apartment Building, Office Building, Warehouse, Parking Space, Elevator, Balcony, Kitchen, Bathroom, Bedroom, Square Meters, Ceiling Height, Year Built, Renovation, New Building, Resale Property

- Deals & documents (12): Rental Agreement, Purchase Contract, Mortgage, Insurance, Notary, Digital Signature, Document Upload, Document Verify, Approval, Rejection, Escrow, Stamp Seal

- Viewing, VR & 3D (10): VR Headset, 3D Tour, Virtual Viewing, Floor Plan, Neighborhood Map, Panorama View, Video Tour, Book Viewing, Online Viewing, Photo Gallery

- Smart home (12): Smart Lock, Smart Thermostat, Smart Light, Security Camera, Smoke Detector, Water Leak Sensor, Smart Curtains, Robot Vacuum, Video Intercom, Wi-Fi Router, Smart Outlet, Automation Scene

- Analytics & finance (12): Price Chart, Market Trend, Property Compare, ROI Return, Rental Rate, Capitalization Rate, Price Index, Price Forecast, Price Filter, Area Filter, Mortgage Calculator, Property Tax

- Services & agency (10): Real Estate Agent, Agency Office, Property Appraisal, Property Photo Shoot, Legal Check, Property Management, Cleaning Service, Insurance Agent, Concierge Service, Customer Support

- Search & filters (8): Map Search, District Filter, Metro Filter, Price Range Filter, Room Count Filter, Saved Search, Favorites, Compare List

### Folder structure

PropTech-Animated-Icons-v1.1/

├── index.html     offline preview

├── icons.json     registry: IDs, categories, loops, colour notes

├── README.md

├── LICENSE.txt

├── 01-Lottie-JSON/ light|dark / 1.5|2.0|2.5 / <name>_<weight>_<theme>.json

├── 02-dotLottie/  1.5|2.0|2.5 / <name>_<weight>.lottie  (light and dark themes inside)

├── 03-SVG/     light|dark / 1.5|2.0|2.5 / <name>_<weight>_<theme>.svg

├── 04-PNG/     light|dark / 1.5|2.0|2.5 / 64|128|256|512 / <name>_<weight>_<theme>.png

└── 05-Figma/    PropTech-Animated-Icons.fig

File names are the same pattern in every format: house_2.0_light.json, house_2.0_light.svg, house_2.0_light.png…

Each icon also has an ID in icons.json, such as core.ui.calendar or prop.smart_home.smoke_detector.

### Perfect for

Real estate marketplaces and listing sites · property management dashboards · smart home and IoT apps · mortgage and fintech products · booking and viewing flows · landing pages and pitch decks.

### Made with AI assistance

The icons and animations were created with the help of AI (Claude by Anthropic) under the art direction, review and approval of Anesh Issay. Every icon is checked automatically in all three stroke weights and both themes, and every change was reviewed by hand.

### License

- Payhip: use in unlimited personal and commercial projects, including client work; you may modify the icons. Reselling or redistributing the files is not allowed. Full terms in LICENSE.txt.

- Creative Market: the Creative Market license applies.

### Support

Questions or a missing icon? Send a message through the Contact page — I usually reply within 24 hours.