SVGrove

locket icon — free SVG

Download the free locket icon as SVG or PNG, copy the locket SVG code, or drop it into React as JSX — 2 matching styles, no attribution required.

locket (noun) — a small ornamental case; usually contains a picture or a lock of hair and is worn on a necklace

locket icon — outline style, free SVGoutline
locket icon — filled style, free SVGfilled

How to use the locket icon

HTML: paste the SVG inline (it inherits currentColor) or hotlink it:

<img src="https://svgrove.com/api/icons/01KZAAN4HW2SAED9QRHKWV2M5V.svg" alt="locket icon" width="24" height="24">

React (JSX):

<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" viewBox="0 0 24 24"><path d="M4.5 5.5c1.5 4.5 4 7 7.5 7s6-2.5 7.5-7m-7.5 7v2m0 0 1.9 1.9-1.9 2.9-1.9-2.9z"/></svg>

Accessibility: decorative use → aria-hidden="true"; meaningful use → role="img" aria-label="locket".

Download locket SVG & PNG

locket.svg · locket.png (512px) — all 2 styles are one click away in the picker once the page loads.

License

Free for personal and commercial use. No attribution required. Redistribution or resale of the icons as an icon library, pack or download service is not allowed. Read the SVGrove Free License.

More in Home & Living

canproductsystemwelllinksmaphotelstoreofficecar