Shared Icon Vocabulary

Icon Library

Reusable icons grouped by actual usage: interface, trust, contact, social, and content/utility. This library is intentionally selective so project-specific custom artwork does not pollute the long-term template.

Shared means broad

Only add icons that will be useful across many future websites. One-off custom icons stay in the project or section until they prove reusable.

Sections are for finding, not dumping

An icon can appear in two categories when that matches real usage. WhatsApp belongs to Contact and Social.

Do not pollute the template

Client-specific service icons, logo variants, and niche custom artwork should not enter this shared library by default.

Icon categories are collapsed by default so the reference page stays quick to scan.

Interface

Interface Icons

Broad UI controls for navigation, accordions, menus, and simple confirmation states.

7 icons

Arrow

Arrow Right

Plus

Menu

Menu Close

Check

Double Check

Trust

Trust Icons

Reusable proof symbols for ratings, verification, review patterns, and credibility blocks.

3 icons

Verified Badge

Verified Shield

★

Rating Star

Service & Trust Marks

Service & Trust Marks Icons

Eighteen cross-industry meanings with an original and two composition variants each: 54 token-color marks for local services, property, beauty, health, and other lead-generation sites.

18 icons
Original
A
B

Verified quality

verified-quality · variant: default | alt-a | alt-b

Original
A
B

Personal service

personal-service · variant: default | alt-a | alt-b

Original
A
B

Local presence

local-presence · variant: default | alt-a | alt-b

Original
A
B

Easy booking

easy-booking · variant: default | alt-a | alt-b

Original
A
B

Fast response

fast-response · variant: default | alt-a | alt-b

Original
A
B

Transparent pricing

transparent-pricing · variant: default | alt-a | alt-b

Original
A
B

Excellent reviews

excellent-reviews · variant: default | alt-a | alt-b

Original
A
B

Reliable service

reliable-service · variant: default | alt-a | alt-b

Original
A
B

Secure and discreet

secure-discreet · variant: default | alt-a | alt-b

Original
A
B

Flexible options

flexible-options · variant: default | alt-a | alt-b

Original
A
B

Tailored solutions

tailored-solutions · variant: default | alt-a | alt-b

Original
A
B

Clear communication

clear-communication · variant: default | alt-a | alt-b

Original
A
B

Experienced professionals

experienced-professionals · variant: default | alt-a | alt-b

Original
A
B

Simple process

simple-process · variant: default | alt-a | alt-b

Original
A
B

Free consultation

free-consultation · variant: default | alt-a | alt-b

Original
A
B

Digital convenience

digital-convenience · variant: default | alt-a | alt-b

Original
A
B

Customer satisfaction

customer-satisfaction · variant: default | alt-a | alt-b

Original
A
B

On-time service

on-time-service · variant: default | alt-a | alt-b

Contact

Contact Icons

Universal ways a visitor reaches a business. Keep these generic enough for many sites.

4 icons

Phone

Mail

Map Pin

WhatsApp

Also listed under Social because it is both a contact channel and a social/messaging platform.

Social

Social Icons

Widely used social, review, and messaging marks. Do not add niche/project-only marks here.

7 icons

WhatsApp

LinkedIn

Instagram

Facebook

Google

X

Dribbble

Content / Utility

Content / Utility Icons

Simple generic symbols for editorial, learning, software, and content-oriented sections.

2 icons

Book

Laptop

Rating Stars

The testimonial star is part of the icon language too. Use RatingStars when you need the ready-made review pattern, or use the star glyph in broader icon communication.

Component

import { RatingStars } from "@/components/ui/icons/RatingStars";

<RatingStars rating={4} />
Back to Home