Add icons to this collection by clicking the heart icon.
Depth Of Field icon - also known as vision, photograph, electronics, perspective, lens, and depth of field. Created in a clean flat gradient style with a white 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 71.967 71.967"
>
<linearGradient
id="a"
x1="35.983"
x2="35.983"
y1="71.967"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#262261" />
<stop offset=".012" stop-color="#262261" />
<stop offset=".02" stop-color="#262261" />
<stop offset=".031" stop-color="#262261" />
<stop offset=".039" stop-color="#262261" />
<stop offset=".051" stop-color="#262261" />
<stop offset=".059" stop-color="#292363" />
<stop offset=".071" stop-color="#2c2365" />
<stop offset=".078" stop-color="#2f2468" />
<stop offset=".09" stop-color="#32246a" />
<stop offset=".102" stop-color="#35256c" />
<stop offset=".11" stop-color="#37256e" />
<stop offset=".122" stop-color="#3a2670" />
<stop offset=".129" stop-color="#3d2672" />
<stop offset=".141" stop-color="#3f2774" />
<stop offset=".149" stop-color="#422776" />
<stop offset=".161" stop-color="#442777" />
<stop offset=".169" stop-color="#462879" />
<stop offset=".18" stop-color="#48287a" />
<stop offset=".188" stop-color="#4a287c" />
<stop offset=".2" stop-color="#4c297d" />
<stop offset=".212" stop-color="#4e297f" />
<stop offset=".22" stop-color="#502980" />
<stop offset=".231" stop-color="#512981" />
<stop offset=".239" stop-color="#532a83" />
<stop offset=".251" stop-color="#552a84" />
<stop offset=".259" stop-color="#562a85" />
<stop offset=".271" stop-color="#582a86" />
<stop offset=".278" stop-color="#592b87" />
<stop offset=".29" stop-color="#5a2b88" />
<stop offset=".302" stop-color="#5b2b89" />
<stop offset=".31" stop-color="#5c2b8a" />
<stop offset=".322" stop-color="#5e2b8a" />
<stop offset=".329" stop-color="#5f2c8b" />
<stop offset=".341" stop-color="#602c8c" />
<stop offset=".349" stop-color="#612c8d" />
<stop offset=".361" stop-color="#612c8d" />
<stop offset=".369" stop-color="#622c8e" />
<stop offset=".38" stop-color="#622c8e" />
<stop offset=".388" stop-color="#632c8e" />
<stop offset=".4" stop-color="#632d8f" />
<stop offset=".412" stop-color="#632d8f" />
<stop offset=".42" stop-color="#642d8f" />
<stop offset=".431" stop-color="#642d8f" />
<stop offset=".439" stop-color="#652d90" />
<stop offset=".451" stop-color="#652d90" />
<stop offset=".459" stop-color="#672d90" />
<stop offset=".471" stop-color="#682d90" />
<stop offset=".478" stop-color="#6a2c90" />
<stop offset=".49" stop-color="#6b2c90" />
<stop offset=".502" stop-color="#6d2c90" />
<stop offset=".51" stop-color="#6e2c90" />
<stop offset=".522" stop-color="#702c90" />
<stop offset=".529" stop-color="#712b90" />
<stop offset=".541" stop-color="#722b90" />
<stop offset=".549" stop-color="#732b90" />
<stop offset=".561" stop-color="#752b90" />
<stop offset=".569" stop-color="#762b90" />
<stop offset=".58" stop-color="#772a8f" />
<stop offset=".588" stop-color="#782a8f" />
<stop offset=".6" stop-color="#792a8f" />
<stop offset=".612" stop-color="#7a2a8f" />
<stop offset=".62" stop-color="#7c2a8f" />
<stop offset=".631" stop-color="#7d2a8f" />
<stop offset=".639" stop-color="#7e298f" />
<stop offset=".651" stop-color="#7f298f" />
<stop offset=".659" stop-color="#80298f" />
<stop offset=".671" stop-color="#81298f" />
<stop offset=".678" stop-color="#82298f" />
<stop offset=".69" stop-color="#82298f" />
<stop offset=".702" stop-color="#83298f" />
<stop offset=".71" stop-color="#84298f" />
<stop offset=".722" stop-color="#85298f" />
<stop offset=".729" stop-color="#85298f" />
<stop offset=".741" stop-color="#86288e" />
<stop offset=".749" stop-color="#87288e" />
<stop offset=".761" stop-color="#87288e" />
<stop offset=".769" stop-color="#88288e" />
<stop offset=".78" stop-color="#89288e" />
<stop offset=".788" stop-color="#89288e" />
<stop offset=".8" stop-color="#8a288e" />
<stop offset=".812" stop-color="#8b288e" />
<stop offset=".82" stop-color="#8b288e" />
<stop offset=".831" stop-color="#8c288e" />
<stop offset=".839" stop-color="#8c288e" />
<stop offset=".851" stop-color="#8d288e" />
<stop offset=".859" stop-color="#8d288e" />
<stop offset=".871" stop-color="#8d288e" />
<stop offset=".878" stop-color="#8d288e" />
<stop offset=".89" stop-color="#8e288e" />
<stop offset=".902" stop-color="#8e288e" />
<stop offset=".91" stop-color="#8e278e" />
<stop offset=".922" stop-color="#8e278e" />
<stop offset=".929" stop-color="#8e278e" />
<stop offset=".941" stop-color="#8f278e" />
<stop offset=".949" stop-color="#8f278e" />
<stop offset=".961" stop-color="#8f278e" />
<stop offset=".969" stop-color="#8f278e" />
<stop offset=".98" stop-color="#90278e" />
<stop offset=".988" stop-color="#90278e" />
<stop offset="1" stop-color="#90278e" />
</linearGradient>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M71.966 35.983C71.966 16.11 55.856 0 35.983 0S0 16.11 0 35.983s16.11 35.984 35.983 35.984 35.983-16.11 35.983-35.984z"
/>
<path
fill="#fff"
d="M35.983 50.3c-7.898 0-14.316-6.418-14.316-14.317 0-7.898 6.418-14.316 14.316-14.316 7.899 0 14.317 6.418 14.317 14.316 0 7.899-6.418 14.317-14.317 14.317zm0-27.399c-7.228 0-13.082 5.889-13.082 13.082 0 7.229 5.889 13.083 13.082 13.083 7.194 0 13.083-5.89 13.083-13.083 0-7.228-5.854-13.082-13.083-13.082z"
/>
<path
fill="#fff"
d="M35.983 45.68c-5.324 0-9.661-4.337-9.661-9.697 0-5.324 4.337-9.661 9.661-9.661 5.36 0 9.697 4.337 9.697 9.661a9.692 9.692 0 0 1-9.697 9.697zm0-18.124a8.428 8.428 0 0 0-8.427 8.427c0 4.655 3.773 8.463 8.427 8.463 4.655 0 8.463-3.808 8.463-8.463 0-4.654-3.808-8.427-8.463-8.427z"
/>
<path
fill="#fff"
d="M35.983 39.051c-1.657 0-3.032-1.375-3.032-3.068 0-1.657 1.375-3.032 3.032-3.032 1.693 0 3.068 1.375 3.068 3.032a3.07 3.07 0 0 1-3.068 3.068zm0-4.866c-.987 0-1.798.811-1.798 1.798 0 .988.811 1.834 1.798 1.834.988 0 1.834-.811 1.834-1.834 0-.987-.846-1.798-1.834-1.798z"
/>
<path
fill="#fff"
d="M34.397 34.784a.632.632 0 0 1-.635-.634v-7.123c0-.353.282-.635.635-.635s.634.282.634.635v7.123a.632.632 0 0 1-.634.634zM36.759 34.326a.622.622 0 0 1-.529-.282c-.176-.282-.07-.67.212-.846l1.692-1.023 4.408-2.715c.282-.176.67-.07.846.211a.597.597 0 0 1-.211.847l-6.1 3.702a.569.569 0 0 1-.318.106zM44.693 39.333c-.106 0-.176-.035-.282-.07L39.79 36.9l-1.727-.917c-.318-.176-.423-.529-.247-.846.176-.317.529-.423.846-.247l1.728.917 4.62 2.362c.317.142.422.53.281.847-.176.176-.387.317-.599.317zM38.205 45.434c-.317 0-.6-.247-.6-.565l-.352-5.148-.141-1.94c-.036-.352.211-.634.564-.67.353-.035.635.212.67.565l.141 1.94.353 5.148c.035.352-.247.634-.565.67h-.07zM29.6 43.071a.673.673 0 0 1-.493-.247.58.58 0 0 1 .141-.846l5.818-4.126a.581.581 0 0 1 .847.141.58.58 0 0 1-.141.846l-1.587 1.129-4.196 2.997a.92.92 0 0 1-.388.106zM33.691 37.323c-.07 0-.176 0-.247-.07l-1.763-.776-4.795-2.045a.607.607 0 0 1-.318-.811.607.607 0 0 1 .811-.318l4.76 2.046 1.8.775a.607.607 0 0 1 .316.811.587.587 0 0 1-.564.388z"
/>
<path
fill="#fff"
d="M35.983 57.67c-11.953 0-21.686-9.733-21.686-21.687 0-11.953 9.733-21.686 21.686-21.686 11.954 0 21.687 9.732 21.687 21.686S47.936 57.67 35.983 57.67zm0-42.139c-11.283 0-20.452 9.168-20.452 20.452 0 11.284 9.169 20.452 20.452 20.452 11.284 0 20.452-9.168 20.452-20.452 0-11.284-9.168-20.452-20.452-20.452z"
/>
</g>
</svg>
More icons in the same style and category