Icons for your options

Every option in your form can carry an image. Pull one from here and one from there and the configurator looks patched together — and shoppers notice that, even when they couldn’t tell you why.

So there’s a pack of our own: 28 icons, drawn for GetOptical and free to use on your store, modified or not. They cover an optician’s catalogue end to end: the type of glasses, the index, a progressive’s viewing area, the treatments and the add-ons.

Download the pack (ZIP, 24 KB)

What’s in it

What the customer is buying

Icon	For
glasses-prescription	Prescription / single-vision
glasses-progressive	Progressive
glasses-reading	Reading glasses
glasses-plano	Non-prescription
glasses-sun	Sunglasses
contact-lenses	Contact lenses

Lens index — the profile in accent marks which one. Further right, thicker.

index-150 · index-160 · index-167 · index-174

Viewing area, for progressives — the clear corridor widens as you go up the range.

corridor-standard · corridor-wide · corridor-premium

Treatments

Icon	For
lens-standard	Standard lens
lens-anti-reflective	Anti-reflective
lens-blue-light	Blue-light blocking
lens-photochromic	Photochromic
lens-polarised	Polarised
lens-tint	Colour tint
lens-driving	Driving
lens-mirror	Mirror coating
lens-water-repellent	Water-repellent / hydrophobic
lens-scratch-resistant	Scratch-resistant
lens-anti-fog	Anti-fog
lens-uv	UV filter

Add-ons

Icon	For
addon-case	Case
addon-solution	Cleaning solution
addon-cloth	Cleaning cloth

They’re SVG, so they stay sharp at any size and weigh about 500 bytes each.

Two sets in the box

The main folder is for light backgrounds. The on-dark/ folder has the same icons with the outline lifted, for dark configurators. Pick the set that matches your design: on the wrong background the outline disappears. The Sunglasses · Dark form template and the Dark design preset use the on-dark/ set.

How to use them

1. In your Shopify admin, go to Content → Files and upload the ones you need.
2. Copy each file’s URL.
3. In your form, open the option and paste it into Option image.

Upload them to your store — don’t link to ours

Linking straight to getoptical.app is tempting. It works today, but if we ever reorganise that folder your product pages lose their images. With the files in your own store, that can’t happen to you.

If you want to add your own

The pack follows a simple grammar, and sticking to it is what makes the icons look like one set:

• The lens is always the same ellipse — cx 72, cy 72, rx 45, ry 36, stroke 8, on a 144 × 144 canvas.
• Inside goes the concept, and the accent colour marks the subject of the icon.
• Grey is for the secondary part, never for the subject.
• The index and viewing-area icons vary a shape, not a label: which profile sits in accent, or how wide the corridor gets. Set them far enough apart that the difference survives at 40 px, which is the size they’re actually used at.
• The add-ons carry no ellipse. The ellipse means “this is a lens”, and a case isn’t one.

Palette: outline #1F2A28 · accent #0E6E63 · grey #7E8E8B.

What you can do with them

You may use, modify, recolour and publish them on your storefront and in your marketing, including on stores you build for your own clients. No attribution, no fee.

The one thing you can’t do is resell or redistribute them as an icon pack, on their own or as the substance of another product.

About brand names

The icons are deliberately generic and carry no third-party marks. There’s no Transitions® icon, because that’s a registered trademark of Transitions Optical. Label your own options with the brand names you’re entitled to use as the seller of those products — the photochromic icon works just as well.