Add icons to this collection by clicking the heart icon.
Gateway icon - also known as security, gate, and gateway. Created in a clean outline color style with a silver and gray 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 128 128"
>
<linearGradient
id="b"
x1="13"
x2="13"
y1="127"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#949aaf" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient
id="c"
x1="13"
x2="13"
y1="23"
y2="11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient
id="a"
x1="46.5"
x2="46.5"
y1="111"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd5df" />
<stop offset="1" stop-color="#c3e1f5" />
</linearGradient>
<linearGradient id="d" x1="81.5" x2="81.5" href="#a" />
<linearGradient
id="e"
x1="115"
x2="115"
gradientTransform="rotate(180 115 64)"
href="#b"
/>
<linearGradient
id="f"
x1="115"
x2="115"
gradientTransform="rotate(180 115 17)"
href="#c"
/>
<path fill="url(#b)" d="M1 1h24v126H1z" />
<path fill="url(#c)" d="M1 11h24v12H1z" />
<circle cx="13" cy="36" r="4" fill="#e2607f" />
<circle cx="13" cy="52" r="4" fill="#8cdd79" />
<rect width="29" height="98" x="32" y="13" fill="url(#a)" rx="4.06" />
<path
fill="#77cacb"
d="M61 102.94v4a4.08 4.08 0 0 1-4.06 4.06H36.06a4.08 4.08 0 0 1-4.06-4.06v-4a4.08 4.08 0 0 0 4.06 4.06h20.88a4.08 4.08 0 0 0 4.06-4.06z"
/>
<rect width="29" height="98" x="67" y="13" fill="url(#d)" rx="4.06" />
<path
fill="#77cacb"
d="M96 102.94v4a4.08 4.08 0 0 1-4.06 4.06H71.06a4.08 4.08 0 0 1-4.06-4.06v-4a4.08 4.08 0 0 0 4.06 4.06h20.88a4.08 4.08 0 0 0 4.06-4.06z"
/>
<path
fill="#d4d8e1"
d="M25 84h10a4 4 0 0 1 0 8H25zM25 32h10a4 4 0 0 1 0 8H25z"
/>
<path
fill="url(#e)"
d="M103 1h24v126h-24z"
transform="rotate(180 115 64)"
/>
<path fill="#8288a1" d="M1 123h24v4H1zM127 127h-24v-4h24z" />
<path
fill="url(#f)"
d="M103 11h24v12h-24z"
transform="rotate(180 115 17)"
/>
<path fill="#c7cdd8" d="M1 20h24v3H1zM127 23h-24v-3h24z" />
<circle cx="115" cy="36" r="4" fill="#e2607f" />
<path
fill="#dd4e6a"
d="M13 40a4 4 0 0 1-3.87-5 4 4 0 0 0 7.74 0A4 4 0 0 1 13 40zM115 40a4 4 0 0 1-3.87-5 4 4 0 0 0 7.74 0 4 4 0 0 1-3.87 5z"
/>
<circle cx="115" cy="52" r="4" fill="#8cdd79" />
<path
fill="#7ece67"
d="M13 56a4 4 0 0 1-3.87-5 4 4 0 0 0 7.74 0A4 4 0 0 1 13 56zM115 56a4 4 0 0 1-3.87-5 4 4 0 0 0 7.74 0 4 4 0 0 1-3.87 5z"
/>
<path
fill="#d4d8e1"
d="M103 84H93a4 4 0 0 0 0 8h10zM103 32H93a4 4 0 0 0 0 8h10z"
/>
<path
fill="#c7cdd8"
d="M35 92H25v-3c10.4 0 11.26.38 12.83-1.17a4.09 4.09 0 0 0 .87-1.33A4 4 0 0 1 35 92zM35 40H25v-3c10.4 0 11.26.38 12.83-1.17a4.09 4.09 0 0 0 .87-1.33A4 4 0 0 1 35 40zM103 89v3H93a4 4 0 0 1-3.7-5.5 4.09 4.09 0 0 0 .87 1.33C91.75 89.39 92.5 89 103 89zM103 37v3H93a4 4 0 0 1-3.7-5.5 4.09 4.09 0 0 0 .87 1.33C91.75 37.39 92.5 37 103 37z"
/>
<g fill="#47566a">
<path
d="M13 31a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM13 47a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
/>
<path
d="M56.94 12H36.06A5.07 5.07 0 0 0 31 17.06V31h-5V1a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v126a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V93h5v13.94a5.07 5.07 0 0 0 5.06 5.06h20.88a5.07 5.07 0 0 0 5.06-5.06V17.06A5.07 5.07 0 0 0 56.94 12zM35 33a3 3 0 0 1 0 6h-9v-6zm-9 50V41h5v42zM2 12h22v10H2zM24 2v8H2V2zm0 124H2V24h22zm2-35v-6h9a3 3 0 0 1 0 6zm34 15.94a3.06 3.06 0 0 1-3.06 3.06H36.06a3.07 3.07 0 0 1-3.06-3.06V93h2a5 5 0 0 0 0-10h-2V41h2a5 5 0 0 0 0-10h-2V17.06A3.07 3.07 0 0 1 36.06 14h20.88A3.07 3.07 0 0 1 60 17.06z"
/>
<path
d="M45.62 57.08c-.27.11.12-.24-5.33 5.21a1 1 0 0 0 1.42 1.42l3.29-3.3V74a1 1 0 0 0 2 0V60.41l3.29 3.3a1 1 0 0 0 1.42-1.42c-5.37-5.37-5.26-5.56-6.09-5.21zM127 0h-24a1 1 0 0 0-1 1v30h-5V17.06A5.07 5.07 0 0 0 91.94 12H71.06A5.07 5.07 0 0 0 66 17.06v89.88a5.07 5.07 0 0 0 5.06 5.06h20.88a5.07 5.07 0 0 0 5.06-5.06V93h5v34a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zm-1 2v8h-22V2zm0 20h-22V12h22zm-24 19v42h-5V41zm0-8v6h-9a3 3 0 0 1 0-6zm-7 73.94a3.06 3.06 0 0 1-3.06 3.06H71.06a3.07 3.07 0 0 1-3.06-3.06V17.06A3.07 3.07 0 0 1 71.06 14h20.88A3.07 3.07 0 0 1 95 17.06V31h-2a5 5 0 0 0 0 10h2v42h-2a5 5 0 0 0 0 10h2zM93 91a3 3 0 0 1 0-6h9v6zm11 35V24h22v102z"
/>
<path
d="M115 31a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM115 47a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 8a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM87.71 62.29c-5.46-5.46-5.06-5.1-5.33-5.21-.83-.35-.74-.13-6.09 5.21a1 1 0 0 0 1.42 1.42l3.29-3.3V74a1 1 0 0 0 2 0V60.41C86.6 64 86.45 64 87 64a1 1 0 0 0 .71-1.71z"
/>
</g>
</svg>
More icons in the same style and category