Add icons to this collection by clicking the heart icon.
Gate icon - also known as direction, board, travel, airport, boarding, gate, and signaling. 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9f00" />
<stop offset="1" stop-color="#f77e00" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#005285" />
<stop offset="1" stop-color="#003e67" />
</linearGradient>
<linearGradient
id="d"
x1="118.478"
x2="189.435"
y1="137.428"
y2="208.385"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="321.889"
x2="392.846"
y1="137.428"
y2="208.385"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#0065a3" />
<stop offset="1" stop-color="#005285" />
</linearGradient>
<linearGradient
id="f"
x1="127.711"
x2="384.289"
y1="176.395"
y2="432.972"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="142.029"
x2="369.971"
y1="190.713"
y2="418.654"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#96fff6" />
<stop offset="1" stop-color="#3dd1d1" />
</linearGradient>
<linearGradient
id="h"
x1="252.165"
x2="406.682"
y1="227.425"
y2="381.942"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4ad2f5" />
<stop offset="1" stop-color="#00abe9" />
</linearGradient>
<linearGradient
id="i"
x1="195.18"
x2="296.547"
y1="254"
y2="355.367"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="138.752"
x2="189.435"
y1="248.932"
y2="299.615"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="138.752"
x2="189.435"
y1="309.752"
y2="360.435"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="288.235"
x2="365.679"
y1="272.449"
y2="349.893"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="159.363"
x2="352.637"
y1="25.586"
y2="218.859"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cde5ea" />
<stop offset="1" stop-color="#a8d3d8" />
</linearGradient>
<path
fill="url(#c)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path fill="url(#d)" d="M133.684 122.223h40.546V223.59h-40.546zm0 0" />
<path fill="url(#e)" d="M337.094 122.223h40.547V223.59h-40.547zm0 0" />
<path
fill="url(#f)"
d="M398.59 203.316H113.41c-16.828 0-30.41 13.582-30.41 30.41v141.915c0 16.824 13.582 30.41 30.41 30.41h285.18c16.828 0 30.41-13.586 30.41-30.41V233.727c0-16.829-13.582-30.41-30.41-30.41zm0 0"
/>
<path
fill="url(#g)"
d="M398.59 223.59H113.41c-5.676 0-10.137 4.46-10.137 10.137V375.64c0 5.675 4.461 10.136 10.137 10.136h285.18c5.676 0 10.137-4.46 10.137-10.136V233.727c0-5.676-4.461-10.137-10.137-10.137zm0 0"
/>
<path
fill="url(#h)"
d="M408.727 233.727V375.64c0 5.675-4.461 10.136-10.137 10.136H256V223.59h142.59c5.676 0 10.137 4.46 10.137 10.137zm0 0"
/>
<path fill="url(#i)" d="M235.727 213.453H256v182.461h-20.273zm0 0" />
<path fill="url(#j)" d="M123.547 264.137h81.094v20.273h-81.094zm0 0" />
<path fill="url(#k)" d="M123.547 324.957h81.094v20.273h-81.094zm0 0" />
<path
fill="url(#l)"
d="M337.094 308.535v21.086l25.949 17.23-11.352 17.032-24.734-16.625-24.734 16.625-11.352-17.031 25.95-17.23v-21.087l-47.442 15.813-6.484-19.055 53.925-18.043v-43.387h20.274v43.387l54.601 18.043-7.16 19.055zm0 0"
/>
<path fill="url(#m)" d="M83 101.95h346v40.546H83zm0 0" />
</svg>
More icons in the same style and category