Add icons to this collection by clicking the heart icon.
Heart Shaped Padlock icon - also known as heart, locked, secure, love, padlock, love and romance, key hole, and heart shaped padlock. Created in a clean flat gradient style with a pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="18"
x2="46"
y1="13.195"
y2="13.195"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb555" />
<stop offset=".046" stop-color="#ffb24a" />
<stop offset=".182" stop-color="#ffa92f" />
<stop offset=".331" stop-color="#ffa21a" />
<stop offset=".497" stop-color="#ff9e0b" />
<stop offset=".694" stop-color="#ff9b03" />
<stop offset=".998" stop-color="#ff9a00" />
</linearGradient>
<linearGradient
id="b"
x1="9"
x2="55"
y1="44"
y2="44"
gradientUnits="userSpaceOnUse"
>
<stop offset=".349" stop-color="#ff3f62" />
<stop offset=".496" stop-color="#f9395c" />
<stop offset=".7" stop-color="#e9274a" />
<stop offset=".937" stop-color="#cf092d" />
<stop offset="1" stop-color="#c70024" />
</linearGradient>
<linearGradient
id="c"
x1="27.003"
x2="37"
y1="44.501"
y2="44.501"
gradientUnits="userSpaceOnUse"
>
<stop offset=".318" stop-color="#ffa633" />
<stop offset=".483" stop-color="#ffa11d" />
<stop offset=".688" stop-color="#ff9c08" />
<stop offset=".822" stop-color="#ff9a00" />
</linearGradient>
<linearGradient
id="d"
x1="27.003"
x2="37"
y1="44.501"
y2="44.501"
gradientUnits="userSpaceOnUse"
>
<stop offset=".402" stop-color="#ffb555" />
<stop offset=".422" stop-color="#ffb450" />
<stop offset=".527" stop-color="#ffb03b" />
<stop offset=".645" stop-color="#ffac2c" />
<stop offset=".784" stop-color="#ffab24" />
<stop offset="1" stop-color="#ffaa21" />
</linearGradient>
<path
fill="url(#a)"
d="M32 0c-7.72 0-14 6.729-14 15v10.391a.999.999 0 0 0 1.255.967 10.778 10.778 0 0 1 2.169-.34 11.752 11.752 0 0 1 1.501.016A1.002 1.002 0 0 0 24 25.036V15c0-4.962 3.589-9 8-9s8 4.038 8 9v5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-5c0-8.271-6.28-15-14-15z"
/>
<path
fill="url(#b)"
d="M42.684 24.02c-4.119-.219-8.039 1.426-10.684 4.456-2.644-3.028-6.552-4.676-10.684-4.456C14.303 24.397 9.008 30.302 9 37.755c-.022 18.856 22.474 26.128 22.701 26.199a.982.982 0 0 0 .598 0c.227-.071 22.722-7.343 22.701-26.199-.008-7.453-5.303-13.358-12.316-13.735z"
/>
<path
fill="#ffa4b4"
d="M48.001 34.287a1 1 0 0 1-.883-.529c-1.205-2.257-3.293-3.627-5.728-3.76a.998.998 0 0 1-.943-1.053 1.011 1.011 0 0 1 1.053-.944c3.102.168 5.862 1.968 7.382 4.814a1 1 0 0 1-.881 1.472zM29.141 58a.99.99 0 0 1-.302-.047c-.306-.097-7.521-2.437-11.421-8.284a1 1 0 1 1 1.664-1.11c3.503 5.252 10.294 7.466 10.361 7.487A1 1 0 0 1 29.141 58z"
/>
<path
fill="url(#c)"
d="M35.107 37.083c-1.203-.956-2.769-1.3-4.294-.945a4.957 4.957 0 0 0-3.662 3.621c-.487 1.995.25 4.022 1.849 5.222V50c0 1.654 1.346 3 3 3s3-1.346 3-3v-5.021a4.976 4.976 0 0 0 .107-7.896z"
/>
<path
fill="url(#d)"
d="M32 53c-1.654 0-3-1.346-3-3v-5.02c-1.599-1.199-2.336-3.227-1.849-5.222a4.957 4.957 0 0 1 3.662-3.621c1.525-.354 3.091-.01 4.294.945A4.98 4.98 0 0 1 37 41a5.004 5.004 0 0 1-2 3.979V50c0 1.654-1.346 3-3 3zm.006-15a2.979 2.979 0 0 0-2.911 2.234c-.329 1.344.224 2.658 1.408 3.347.307.179.497.508.497.864V50a1.001 1.001 0 0 0 2 0v-5.555c0-.356.189-.685.497-.864C34.438 43.033 35 42.068 35 41c0-.92-.414-1.777-1.136-2.351A2.958 2.958 0 0 0 32.006 38z"
/>
</svg>
More icons in the same style and category