Add icons to this collection by clicking the heart icon.
Navigation icon - also known as gps, navigation, map, travel, hotel, motel, vacation, and holiday. Created in a clean flat 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 64 64"
>
    <linearGradient
        id="a"
        x1="5.573"
        x2="55.317"
        y1="64.926"
        y2="18.419"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".133" stop-color="#a617ff" />
        <stop offset=".477" stop-color="#6359e3" />
        <stop offset="1" stop-color="#5bcbfa" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="4.981"
        x2="54.725"
        y1="64.293"
        y2="17.786"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="11.413"
        x2="61.158"
        y1="71.173"
        y2="24.666"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="3.94"
        x2="53.685"
        y1="63.18"
        y2="16.673"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="15.854"
        x2="65.599"
        y1="75.923"
        y2="29.416"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="25.404"
        x2="75.148"
        y1="86.137"
        y2="39.631"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="20.095"
        x2="69.839"
        y1="80.459"
        y2="33.952"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="21.348"
        x2="71.092"
        y1="81.799"
        y2="35.292"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="16.217"
        x2="65.962"
        y1="76.312"
        y2="29.805"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="8.672"
        x2="58.417"
        y1="68.241"
        y2="21.735"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="-4.157"
        x2="45.588"
        y1="54.519"
        y2="8.012"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="-6.433"
        x2="43.312"
        y1="52.084"
        y2="5.577"
        href="#a"
    />
    <linearGradient
        id="m"
        x1="-16.487"
        x2="33.258"
        y1="41.331"
        y2="-5.176"
        href="#a"
    />
    <linearGradient
        id="n"
        x1="-1.922"
        x2="47.823"
        y1="56.91"
        y2="10.403"
        href="#a"
    />
    <linearGradient
        id="o"
        x1="-3.155"
        x2="46.59"
        y1="55.591"
        y2="9.084"
        href="#a"
    />
    <path fill="url(#a)" d="M43 28h2v2h-2z" />
    <path
        fill="url(#b)"
        d="M43 26h2v2h2v2h1.67l-1.22-4.28a1 1 0 0 0-.96-.72H40v1h1v2h2z"
    />
    <path fill="url(#c)" d="M57 39h2v-3h-2v-1a3.009 3.009 0 0 0-3-3H40v9h17z" />
    <path fill="url(#d)" d="M40 28h1v2h-1z" />
    <path fill="url(#e)" d="M59 43H40v2h20v-1a1 1 0 0 0-1-1z" />
    <path fill="url(#f)" d="M53 56h5v4h-5z" />
    <path fill="url(#g)" d="M40 51h20v3H40z" />
    <path fill="url(#h)" d="M55 47h5v2h-5z" />
    <path fill="url(#i)" d="M40 47h13v2H40z" />
    <path
        fill="url(#j)"
        d="M4 59a1 1 0 0 0 1 1h32a1 1 0 0 0 1-1v-5H4zm17-4a2 2 0 1 1-2 2 2 2 0 0 1 2-2z"
    />
    <path
        fill="url(#k)"
        d="M4 52h34V10H4zm25-40a7.008 7.008 0 0 1 7 7c0 2.18-1.99 4.65-3.75 6.43C33.96 25.94 35 26.87 35 28c0 2.06-3.11 3-6 3s-6-.94-6-3c0-1.13 1.04-2.06 2.75-2.57C23.99 23.65 22 21.18 22 19a7.008 7.008 0 0 1 7-7zM19 36a1 1 0 0 1 1-1h8v-3h2v4a1 1 0 0 1-1 1h-8v3h14a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H15v-2h19v-5H20a1 1 0 0 1-1-1zm-8 2a4 4 0 0 1 4 4c0 1.941-2.712 5.062-3.256 5.668a1 1 0 0 1-1.488 0C9.712 47.062 7 43.941 7 42a4 4 0 0 1 4-4z"
    />
    <path
        fill="url(#l)"
        d="M29 25.71c2.15-1.81 5-4.84 5-6.71a5 5 0 0 0-10 0c0 1.87 2.85 4.9 5 6.71zM26 16h2v2h2v-2h2v6h-2v-2h-2v2h-2z"
    />
    <path fill="url(#m)" d="M37 4H5a1 1 0 0 0-1 1v3h34V5a1 1 0 0 0-1-1z" />
    <path
        fill="url(#n)"
        d="M29.62 27.79a1.02 1.02 0 0 1-1.24 0c-.12-.1-.42-.34-.83-.69a4.449 4.449 0 0 0-2.52.9c.26.33 1.63 1 3.97 1s3.71-.67 3.97-1a4.449 4.449 0 0 0-2.52-.9c-.41.35-.71.59-.83.69z"
    />
    <path
        fill="url(#o)"
        d="M13 42a2 2 0 0 0-4 0c0 .638.939 2.126 2 3.452 1.061-1.326 2-2.814 2-3.452z"
    />
</svg>
More icons in the same style and category