Add icons to this collection by clicking the heart icon.
Visual icon - also known as interface, view, vision, gestures, optical, visualize, visualization, ui, and visual. Created in a clean flat style with a white, silver, gray, teal, and blue 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M256 30C131.8 30 30 131.8 30 256s101.8 226 226 226 226-101.8 226-226S380.2 30 256 30z"
fill="#7986e8"
/>
<path
d="M482 256c0 124.2-101.8 226-226 226V30c124.2 0 226 101.8 226 226z"
fill="#6e77e5"
/>
<path
d="M478.4 246.099C475.1 242.199 393.999 151 256 151S36.899 242.199 33.6 246.099c-4.799 5.7-4.799 14.101 0 19.799 3.3 3.9 84.401 95.101 222.4 95.101s219.101-91.201 222.4-95.101c4.799-5.698 4.799-14.098 0-19.799z"
fill="#e1e4fb"
/>
<path
d="M478.4 265.899C475.1 269.799 393.999 361 256 361V151c137.999 0 219.101 91.199 222.4 95.099 4.799 5.701 4.799 14.101 0 19.8z"
fill="#c5c9f7"
/>
<path
d="M256 151c-57.9 0-105 47.1-105 105s47.1 105 105 105 105-47.1 105-105-47.1-105-105-105z"
fill="#00e3ff"
/>
<path
d="M361 256c0 57.9-47.1 105-105 105V151c57.9 0 105 47.1 105 105z"
fill="#00d0ff"
/>
<path
d="M256 211c-24.901 0-45 20.099-45 45 0 24.899 20.099 45 45 45s45-20.101 45-45c0-24.901-20.099-45-45-45z"
fill="#007bff"
/>
<path
d="M15 61C6.709 61 0 54.291 0 46V15C0 6.709 6.709 0 15 0h30c8.291 0 15 6.709 15 15s-6.709 15-15 15H30v16c0 8.291-6.709 15-15 15zM15 151c-8.291 0-15-6.709-15-15v-30c0-8.291 6.709-15 15-15s15 6.709 15 15v30c0 8.291-6.709 15-15 15zM15 421c-8.291 0-15-6.709-15-15v-30c0-8.291 6.709-15 15-15s15 6.709 15 15v30c0 8.291-6.709 15-15 15z"
fill="#00e3ff"
/>
<path
d="M497 421c-8.291 0-15-6.709-15-15v-30c0-8.291 6.709-15 15-15s15 6.709 15 15v30c0 8.291-6.709 15-15 15zM497 151c-8.291 0-15-6.709-15-15v-30c0-8.291 6.709-15 15-15s15 6.709 15 15v30c0 8.291-6.709 15-15 15z"
fill="#00d0ff"
/>
<path
d="M136 30h-31c-8.291 0-15-6.709-15-15s6.709-15 15-15h31c8.291 0 15 6.709 15 15s-6.709 15-15 15zM136 512h-31c-8.291 0-15-6.709-15-15s6.709-15 15-15h31c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
fill="#00e3ff"
/>
<path
d="M407 30h-31c-8.291 0-15-6.709-15-15s6.709-15 15-15h31c8.291 0 15 6.709 15 15s-6.709 15-15 15zM407 512h-31c-8.291 0-15-6.709-15-15s6.709-15 15-15h31c8.291 0 15 6.709 15 15s-6.709 15-15 15zM497 61c-8.291 0-15-6.709-15-15V30h-15c-8.291 0-15-6.709-15-15s6.709-15 15-15h30c8.291 0 15 6.709 15 15v31c0 8.291-6.709 15-15 15z"
fill="#00d0ff"
/>
<path
d="M45 512H15c-8.291 0-15-6.709-15-15v-31c0-8.291 6.709-15 15-15s15 6.709 15 15v16h15c8.291 0 15 6.709 15 15s-6.709 15-15 15z"
fill="#00e3ff"
/>
<path
d="M497 512h-30c-8.291 0-15-6.709-15-15s6.709-15 15-15h15v-16c0-8.291 6.709-15 15-15s15 6.709 15 15v31c0 8.291-6.709 15-15 15z"
fill="#00d0ff"
/>
<path
d="M301 256c0 24.899-20.099 45-45 45v-90c24.901 0 45 20.099 45 45z"
fill="#0050c7"
/>
</svg>
More icons in the same style and category