Add icons to this collection by clicking the heart icon.
Key icon - also known as security, lock, secure, key, protecting, and privacy. Created in a clean gradient style, 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 72 72"
>
    <style>
        .st1 {
            fill: url(#SVGID_00000040571549906406554540000011578573950528038569_);
        }
        .st2 {
            fill: url(#SVGID_00000044144708123704324520000007457911913923448730_);
        }
        .st3 {
            fill: url(#SVGID_00000053525708250293071460000009283955040208829574_);
        }
        .st4 {
            fill: url(#SVGID_00000183239644189981824670000011233329297275032765_);
        }
        .st5 {
            fill: url(#SVGID_00000056393185561272692120000007694098045921667508_);
        }
        .st6 {
            fill: url(#SVGID_00000022519203749726075260000016439165849946639004_);
        }
        .st7 {
            fill: url(#SVGID_00000158736246286144225160000015167090389414986143_);
        }
        .st8 {
            fill: url(#SVGID_00000084510289809365459450000011710494455789748622_);
        }
        .st9 {
            fill: url(#SVGID_00000018917405207402842060000013690291655190179215_);
        }
        .st10 {
            fill: url(#SVGID_00000024711024360546185020000007466552533846880183_);
        }
        .st11 {
            fill: url(#SVGID_00000129915909701305049840000004185167576832155583_);
        }
        .st12 {
            fill: url(#SVGID_00000097495653426954133330000016720900641641249943_);
        }
        .st13 {
            fill: url(#SVGID_00000098188884767703315180000016119186314917483427_);
        }
        .st14 {
            fill: url(#SVGID_00000080921174962448585220000015089000127980994200_);
        }
        .st15 {
            fill: url(#SVGID_00000009549719329947805100000008202722464201202614_);
        }
        .st16 {
            fill: url(#SVGID_00000053507126098236665850000014699080010666371251_);
        }
        .st17 {
            fill: url(#SVGID_00000168796750000921919090000012702732071994183597_);
        }
        .st18 {
            fill: url(#SVGID_00000044165279314062589610000005495527973236265658_);
        }
        .st19 {
            fill: url(#SVGID_00000014620967481168979520000004845166509755525505_);
        }
        .st20 {
            fill: url(#SVGID_00000013908154317120202100000002090844508486305171_);
        }
        .st21 {
            fill: url(#SVGID_00000016048259095771296590000012522148270394252720_);
        }
        .st22 {
            fill: url(#SVGID_00000147907318098084105700000000848232934785264770_);
        }
        .st23 {
            fill: url(#SVGID_00000095304800770571397780000016167855865418284176_);
        }
        .st24 {
            fill: url(#SVGID_00000123430357735912590310000002508415571960733838_);
        }
        .st25 {
            fill: url(#SVGID_00000159432349720263883090000005942423901315173769_);
        }
        .st26 {
            fill: url(#SVGID_00000129885473992511480140000001522697247703694478_);
        }
        .st27 {
            fill: url(#SVGID_00000024722024569996083100000004772389023470439608_);
        }
        .st28 {
            fill: url(#SVGID_00000123424085814435523170000016686887429846019255_);
        }
        .st29 {
            fill: url(#SVGID_00000042697524488749387310000014514753667789923244_);
        }
        .st30 {
            fill: url(#SVGID_00000034047853036180715320000009409114404132958653_);
        }
        .st31 {
            fill: url(#SVGID_00000022552096649692573470000008389394548646915460_);
        }
        .st32 {
            fill: url(#SVGID_00000078013800618856994110000010933999814356470692_);
        }
        .st33 {
            fill: url(#SVGID_00000147938975513437053450000013143712907170828673_);
        }
        .st34 {
            fill: url(#SVGID_00000078761432526407482650000008540852731850959489_);
        }
        .st35 {
            fill: url(#SVGID_00000175314730672195112830000008587586316441587114_);
        }
        .st36 {
            fill: url(#SVGID_00000078756342060530358460000007598083179206164613_);
        }
        .st37 {
            fill: url(#SVGID_00000168818213073581006630000005442389434736964524_);
        }
        .st38 {
            fill: url(#SVGID_00000075854090096685326720000001357219456557378735_);
        }
        .st39 {
            fill: url(#SVGID_00000075881794395493663800000000026399368197033106_);
        }
        .st40 {
            fill: url(#SVGID_00000022526921700937720220000006257396678385202856_);
        }
        .st41 {
            fill: url(#SVGID_00000108309460460149892850000010000438098214894253_);
        }
        .st42 {
            fill: url(#SVGID_00000018225488530740017900000010605970769244872588_);
        }
        .st43 {
            fill: url(#SVGID_00000062895386171499118490000010740154142804379321_);
        }
        .st44 {
            fill: url(#SVGID_00000162313656524493681310000008460010539639129479_);
        }
        .st45 {
            fill: url(#SVGID_00000120519569061628387860000016635543659262599586_);
        }
        .st46 {
            fill: url(#SVGID_00000054263754147929430430000004935888800453643910_);
        }
        .st47 {
            fill: url(#SVGID_00000083806601800712227090000013055059990008361886_);
        }
        .st48 {
            fill: url(#SVGID_00000105415764137310374870000008785275815966064572_);
        }
        .st49 {
            fill: url(#SVGID_00000016797464970563705060000006484067697451047845_);
        }
        .st50 {
            fill: url(#SVGID_00000011029583215284089800000017790295266394275200_);
        }
        .st51 {
            fill: url(#SVGID_00000016759818870772189360000004687116989860788889_);
        }
        .st52 {
            fill: url(#SVGID_00000124872439632961090220000012186644644080330392_);
        }
        .st53 {
            fill: url(#SVGID_00000036209533362635066670000013060593192874730425_);
        }
        .st54 {
            fill: url(#SVGID_00000008851361697882551680000017024601397783536769_);
        }
        .st55 {
            fill: url(#SVGID_00000017503058133701836150000010282057298573615547_);
        }
        .st56 {
            fill: url(#SVGID_00000134936381767099434750000003447828406962161593_);
        }
        .st57 {
            fill: url(#SVGID_00000069361905567353379880000018350235460404849794_);
        }
        .st58 {
            fill: url(#SVGID_00000032633795299996295540000010739647503847140791_);
        }
        .st59 {
            fill: url(#SVGID_00000090257500220414959410000007966767870787357882_);
        }
        .st60 {
            fill: url(#SVGID_00000088134764501289249180000012046707061656406457_);
        }
        .st61 {
            fill: url(#SVGID_00000181778775455640294750000009832895926610307502_);
        }
        .st62 {
            fill: url(#SVGID_00000093137292989512718490000013356374668158683020_);
        }
        .st63 {
            fill: url(#SVGID_00000026849241345718305310000013124623233605179579_);
        }
        .st64 {
            fill: url(#SVGID_00000013899546983567882500000001922236108706310819_);
        }
        .st65 {
            fill: url(#SVGID_00000083779091207687638860000012686893576793447827_);
        }
        .st66 {
            fill: url(#SVGID_00000155857276106696686100000010576909859135469704_);
        }
        .st67 {
            fill: url(#SVGID_00000038373577126948067830000002679150630980822929_);
        }
        .st68 {
            fill: url(#SVGID_00000094577393280479530230000002202804418647076746_);
        }
        .st69 {
            fill: url(#SVGID_00000029759255377947065410000010565553566825738931_);
        }
        .st70 {
            fill: url(#SVGID_00000061447059915103708360000018414723862953744533_);
        }
        .st71 {
            fill: url(#SVGID_00000157303599258939348190000008191879934912980115_);
        }
        .st72 {
            fill: url(#SVGID_00000175313942495714215520000014594164269061799046_);
        }
        .st73 {
            fill: url(#SVGID_00000056401712379441852750000013611758277859080100_);
        }
        .st74 {
            fill: url(#SVGID_00000058560481849253348970000007037702177769458578_);
        }
        .st75 {
            fill: url(#SVGID_00000025406495469798202490000016923758840382021761_);
        }
        .st76 {
            fill: url(#SVGID_00000003099466892019396000000017278657019861794711_);
        }
        .st77 {
            fill: url(#SVGID_00000158731687385252722180000010508808586685607332_);
        }
        .st78 {
            fill: url(#SVGID_00000042728927819582096930000017559867852445193140_);
        }
        .st79 {
            fill: url(#SVGID_00000131362890183103605290000009502524997306821041_);
        }
        .st80 {
            fill: url(#SVGID_00000114066332017390202190000007020536559389982629_);
        }
        .st81 {
            fill: url(#SVGID_00000158000134617275814910000010549677660950258818_);
        }
        .st82 {
            fill: url(#SVGID_00000157310363753486159630000003400961591723466943_);
        }
        .st83 {
            fill: url(#SVGID_00000014602958639701114990000005298914287854068633_);
        }
        .st84 {
            fill: url(#SVGID_00000131358964066477146050000005299776547949480329_);
        }
    </style>
    <linearGradient
        id="SVGID_1_"
        x1="39.413"
        x2="39.527"
        y1="48.302"
        y2="48.498"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c7f0f5" />
        <stop offset="1" stop-color="#7ba9fe" />
    </linearGradient>
    <path
        d="M39.68 48.41a.995.995 0 0 0-.42-.02.85.85 0 0 1 .42.02z"
        fill="url(#SVGID_1_)"
    />
    <linearGradient
        id="SVGID_00000044135497124522978050000005232627520025254803_"
        x1="19.251"
        x2="43.817"
        y1="13.318"
        y2="55.867"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c7f0f5" />
        <stop offset="1" stop-color="#7ba9fe" />
    </linearGradient>
    <path
        d="M45.43 2C31.88 2 20.86 13.02 20.86 26.57c0 1.79.19 3.57.57 5.3L3.22 50.08C2.43 50.87 2 51.91 2 53.02v9.69C2 66.73 5.27 70 9.29 70h8.17c1.05 0 2.09-.41 2.85-1.14l19.4-18.38c1.86.44 3.79.66 5.72.66C58.98 51.14 70 40.12 70 26.57S58.98 2 45.43 2zm0 47.14c-1.95 0-3.88-.25-5.74-.73h-.01a.995.995 0 0 0-.58.02c-.05.02-.1.04-.15.07-.07.04-.14.09-.21.15l-.04.04-7.06 6.68-7.5-7.51c-.39-.39-1.03-.39-1.42 0-.39.39-.39 1.03 0 1.42l7.47 7.47-5 4.74-7.34-7.34a.996.996 0 0 0-1.41 0c-.4.39-.4 1.02 0 1.41l7.3 7.31-4.8 4.54c-.4.37-.94.59-1.48.59H9.29C6.37 68 4 65.63 4 62.71v-9.69c0-.57.23-1.12.63-1.53l18.58-18.57.03-.03c.03-.03.06-.07.09-.1.03-.04.06-.08.08-.13.02-.04.04-.08.05-.12.05-.11.07-.23.07-.35 0-.08-.01-.17-.03-.25-.42-1.74-.64-3.55-.64-5.37C22.86 14.12 32.98 4 45.43 4S68 14.12 68 26.57c0 12.45-10.12 22.57-22.57 22.57z"
        fill="url(#SVGID_00000044135497124522978050000005232627520025254803_)"
    />
    <linearGradient
        id="SVGID_00000041983116060827031440000016888559676499132339_"
        x1="41.786"
        x2="49.07"
        y1="20.264"
        y2="32.88"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c7f0f5" />
        <stop offset="1" stop-color="#7ba9fe" />
    </linearGradient>
    <path
        d="M45.429 33.857c-4.018 0-7.286-3.268-7.286-7.286 0-4.016 3.268-7.285 7.286-7.285 4.016 0 7.285 3.269 7.285 7.285 0 4.018-3.269 7.286-7.285 7.286zm0-12.57a5.292 5.292 0 0 0-5.286 5.284 5.292 5.292 0 0 0 5.286 5.286 5.292 5.292 0 0 0 5.285-5.286 5.291 5.291 0 0 0-5.285-5.285z"
        fill="url(#SVGID_00000041983116060827031440000016888559676499132339_)"
    />
</svg>
More icons in the same style and category