Add icons to this collection by clicking the heart icon.
Porthole icon - also known as navigation, boat, transportation, and porthole. Created in a clean lineal color 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 480 480"
>
<circle cx="240" cy="240" r="232" fill="#ffe773" />
<path
fill="#fff0a6"
d="M48 260c0 82.89 43.47 155.63 108.87 196.66C69.8 423.23 8 338.83 8 240 8 111.87 111.87 8 240 8c45.23 0 87.44 12.95 123.13 35.34C337.32 33.43 309.29 28 280 28 151.87 28 48 131.87 48 260z"
/>
<circle cx="240" cy="240" r="170.35" fill="#fff0a6" />
<path
fill="#fff8d6"
d="M91.65 258c0 48.06 19.9 91.46 51.9 122.43-44.63-30.71-73.9-82.15-73.9-140.43 0-94.08 76.27-170.35 170.35-170.35 46.02 0 87.79 18.26 118.45 47.92C331.03 98.7 297.8 87.65 262 87.65c-94.08 0-170.35 76.27-170.35 170.35z"
/>
<path
fill="#facf5f"
d="M81.39 207.49v65.02c0 22.82-34.33 22.866-34.33 0v-65.02c0-22.839 34.33-22.832 34.33 0z"
/>
<circle cx="240" cy="240" r="126.87" fill="#eef7ff" />
<path
fill="#80aaff"
d="M306.2 242.55c17.31 13.91 41.91 15.13 60.5 3.97-3.39 67.04-58.82 120.35-126.7 120.35s-123.31-53.31-126.7-120.34c18.77 11.27 43.38 9.78 60.5-3.98 19.15 15.38 47.22 15.25 66.2 0 19.21 15.43 47.28 15.2 66.2 0z"
/>
<path
d="M240 0C107.359 0 0 107.341 0 240c0 132.639 107.341 240 240 240 132.641 0 240-107.341 240-240C480 107.361 372.659 0 240 0zm0 464C116.486 464 16 363.514 16 240S116.486 16 240 16s224 100.486 224 224-100.486 224-224 224z"
/>
<path
d="M240 61.645c-76.72 0-144.927 49.522-169.106 121.549-15.137-3.827-31.835 5.61-31.835 24.3v65.012c0 33.431 50.328 33.45 50.328 0v-65.012c0-6.162-1.766-11.225-4.629-15.153C105.526 124.589 168.728 77.645 240 77.645c89.522 0 162.354 72.832 162.354 162.355S329.522 402.355 240 402.355c-62.261 0-118.075-34.702-145.662-90.563a8 8 0 0 0-14.346 7.085c29.552 59.84 90.811 99.478 160.008 99.478 98.345 0 178.354-80.01 178.354-178.355S338.345 61.645 240 61.645zM73.387 272.506c0 12.266-18.328 12.182-18.328 0v-65.012c0-12.266 18.328-12.182 18.328 0z"
/>
<path
d="M376.798 376.798a8 8 0 0 0 0 11.314c7.479 7.479 18.803-3.824 11.314-11.314a8 8 0 0 0-11.314 0z"
/>
<circle cx="97.545" cy="97.545" r="8" />
<circle cx="97.545" cy="382.455" r="8" />
<circle cx="382.455" cy="97.545" r="8" />
<circle cx="441.461" cy="240" r="8" />
<circle cx="240" cy="441.462" r="8" />
<circle cx="240" cy="38.538" r="8" />
<path
d="M240 374.871c74.446 0 134.871-60.58 134.871-134.871 0-74.368-60.503-134.871-134.871-134.871S105.129 165.632 105.129 240 165.632 374.871 240 374.871zm0-253.742c66.074 0 119.764 54.198 118.85 120.518-15.362 7.287-34.393 5.308-47.643-5.336a8 8 0 0 0-10.02 0c-16.014 12.863-40.164 12.863-56.178 0a8 8 0 0 0-10.02 0c-16.014 12.863-40.164 12.863-56.178 0a8 8 0 0 0-10.021 0c-6.604 5.306-14.68 8.583-23.353 9.479a8 8 0 0 0-7.137 8.779 7.994 7.994 0 0 0 8.779 7.136c9.647-.996 18.771-4.187 26.718-9.307 20 12.918 46.2 12.92 66.2.002 20 12.918 46.195 12.919 66.197 0 15.06 9.731 33.847 12.28 51.082 7.001-9.291 56.349-58.34 99.469-117.279 99.469-65.546 0-118.871-53.325-118.871-118.871S174.454 121.129 240 121.129z"
/>
<path
d="M168.793 298.603c20.47 16.445 49.5 17.637 71.207 3.616 21.712 14.024 50.742 12.825 71.207-3.616a8 8 0 0 0-10.019-12.474c-16.014 12.864-40.164 12.863-56.178 0a8 8 0 0 0-10.02 0c-16.014 12.863-40.164 12.863-56.178 0a8 8 0 1 0-10.019 12.474z"
/>
</svg>
More icons in the same style and category