Add icons to this collection by clicking the heart icon.
How icon - also known as magnifying glass, question mark, dont know, how, know how, loupe, and miscellaneous. Created in a clean lineal color style with a white, gray, black, orange, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-.009-81.729a59.996 59.996 0 0 0-17.574-42.427l-10.606-10.607 42.426-42.426 126.002 36.967z"
transform="translate(162.509 332.722)"
fill="#fbf0a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-94.945.713-171.897-76.915-172.302-171.773.202-45.385 17.962-88.023 50.075-120.137a174.762 174.762 0 0 1 4.086-3.955c7.71-7.223 5.789-20.073-3.781-24.547-9.371-4.381-18.004-10.411-25.536-17.944l-10.606-10.606 21.212-21.213 10.607 10.606a60.006 60.006 0 0 0 42.428 17.574s81.489.008 81.745.01c94.852.415 172.469 77.361 171.757 172.301C168.982-76.284 93.4-.702 0 0"
transform="translate(334.81 504.495)"
fill="#fce06f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-77.871 0-140.999-63.128-140.999-141s63.128-141 141-141 141 63.128 141 141S77.873 0 0 0"
transform="translate(333.499 474.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-142.278-142.278c17.573-17.574 46.065-17.574 63.639 0l81.82 81.819z"
transform="translate(162.959 162.958)"
fill="#4c5a80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 110.459 110.458-71.065 13.788-81.82-81.82C-59.999 24.853-60-3.64-42.426-21.213-36.568-27.072-17.573-17.574 0 0"
transform="translate(63.106 41.894)"
fill="#5c6b96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.214 21.213 10.608 53.033L31.819 31.82Z"
transform="translate(166.14 102.5)"
fill="#fcc95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.426 42.426 31.82 31.82L31.82 31.82Z"
transform="translate(144.926 123.713)"
fill="#fcc95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 21.213L-42.427 0l21.214-21.213c5.858-5.858 15.356-5.858 21.213 0C5.857-15.355 5.857-5.858 0 0"
transform="translate(208.565 144.926)"
fill="#fcc95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.857 5.858 5.857 15.355 0 21.213l-42.427 42.426c-5.857 5.858-15.355 5.858-21.213 0-5.857-5.857-5.857-15.355 0-21.213L-21.214 0C-15.355-5.858-5.858-5.858 0 0"
transform="translate(187.352 144.926)"
fill="#fce06f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.17-58.447c-.278-1.365-2.187-1.472-2.617-.147L-30.357-.468a1.333 1.333 0 0 1-1.288.937 1.333 1.333 0 0 1-1.287-.937l-16.569-58.126c-.43-1.325-2.339-1.218-2.617.147L-63.288 0"
transform="translate(438.684 363.123)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.569-13.432-30-30-30-16.568 0-30 13.431-30 30 0 16.568 13.432 30 30 30C-13.432 30 0 16.568 0 0Z"
transform="translate(354.837 333.408)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60"
transform="translate(228.316 363.408)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-60"
transform="translate(269.837 363.408)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h41.521"
transform="translate(228.316 334.437)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a60.004 60.004 0 0 0 42.427 17.574h80.98c95.199 0 173.238 77.114 172.523 172.311-.702 93.4-76.284 168.982-169.685 169.684-95.196.715-172.31-77.323-172.31-172.522v-80.981A59.997 59.997 0 0 0-63.64 63.64"
transform="translate(208.565 144.926)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-103.032-103.033c-17.573-17.573-17.574-46.066 0-63.639 17.573-17.574 46.065-17.574 63.639 0L63.64-63.64"
transform="translate(123.713 187.352)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-63.64 63.64c-5.857 5.857-15.354 5.857-21.213 0-5.857-5.858-5.857-15.356 0-21.214l63.64-63.639c5.858-5.858 15.356-5.858 21.213 0C5.857-15.355 5.857-5.858 0 0Z"
transform="translate(208.565 144.926)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 63.639-63.639"
transform="translate(102.5 166.14)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-19.548-24.202-31.261-54.994-31.261-88.526 0-77.872 63.128-141 141-141s141 63.128 141 141-63.128 141-141 141c-33.533 0-64.325-11.714-88.526-31.261"
transform="translate(223.76 422.026)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category