Add icons to this collection by clicking the heart icon.
User Experience icon - also known as interface, circles, ui, shapes and symbols, and user experience. Created in a clean lineal color style with a white, 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 0c5.63-16.686 8.684-34.557 8.684-53.142 0-91.708-74.312-166.057-166.004-166.122-.039-.046-.08-.09-.12-.135 25.44-29.253 62.93-47.748 104.741-47.748 76.633 0 138.757 62.124 138.757 138.758C86.058-70.412 50.497-20.75 0 0"
transform="translate(413.494 326.147)"
fill="#ffda89"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c5.63-16.686 8.684-34.557 8.684-53.142 0-91.708-74.312-166.057-166.004-166.122-.039-.046-.08-.09-.12-.135 25.44-29.253 62.93-47.748 104.741-47.748 76.633 0 138.757 62.124 138.757 138.758C86.058-70.412 50.497-20.75 0 0Z"
transform="translate(413.494 326.147)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 18.585 3.054 36.457 8.684 53.142C-41.813 32.393-77.375-17.27-77.375-75.247c0-76.633 62.124-138.757 138.758-138.757 41.811 0 79.301 18.495 104.74 47.747-.039.046-.08.09-.119.135C74.311-166.057 0-91.707 0 0"
transform="translate(89.931 273.004)"
fill="#ffda89"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 18.585 3.054 36.457 8.684 53.142C-41.813 32.393-77.375-17.27-77.375-75.247c0-76.633 62.124-138.757 138.758-138.757 41.811 0 79.301 18.495 104.74 47.747-.039.046-.08.09-.119.135C74.311-166.057 0-91.707 0 0Z"
transform="translate(89.931 273.004)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c25.44 29.253 62.929 47.747 104.74 47.747 18.657 0 36.45-3.691 52.7-10.368C135.276 103.064 73.162 150.36 0 150.36c-73.162 0-135.276-47.296-157.44-112.981 16.25 6.677 34.043 10.368 52.7 10.368C-62.929 47.747-25.44 29.253 0 0"
transform="translate(256.054 288.716)"
fill="#ffda89"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.12.002L0-.133l.12.135L0 0"
transform="translate(256.054 106.88)"
fill="#ecf4f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.12.002L0-.133l.12.135L0 0Z"
transform="translate(256.054 106.88)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-52.482-14.999-99.343-56.162-116.7-107.604 16.25 6.677 34.042 10.368 52.699 10.368 41.811 0 79.301-18.495 104.74-47.747 25.44 29.252 62.93 47.747 104.741 47.747 18.657 0 36.449-3.691 52.699-10.368C180.715-55.847 133.446-12.506 80.511 2.273"
transform="translate(215.315 433.75)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c21.187-24.363 34.017-56.188 34.017-91.01 0-34.758-12.78-66.53-33.897-90.875 91.692.064 166.003 74.414 166.003 166.121 0 18.586-3.053 36.457-8.683 53.143-16.25 6.677-34.043 10.368-52.7 10.368C62.929 47.747 25.44 29.253 0 0"
transform="translate(256.054 288.768)"
fill="#ff825f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c21.187-24.363 34.017-56.188 34.017-91.01 0-34.758-12.78-66.53-33.897-90.875 91.692.064 166.003 74.414 166.003 166.121 0 18.586-3.053 36.457-8.683 53.143-16.25 6.677-34.043 10.368-52.7 10.368C62.929 47.747 25.44 29.253 0 0Z"
transform="translate(256.054 288.768)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-21.117 24.345-33.897 56.118-33.897 90.875 0 34.823 12.829 66.647 34.017 91.01-25.44 29.253-62.93 47.748-104.741 47.748-18.657 0-36.449-3.691-52.699-10.369-5.63-16.685-8.684-34.557-8.684-53.142C-166.004 74.414-91.692.065 0 0"
transform="translate(255.935 106.882)"
fill="#ff825f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-21.117 24.345-33.897 56.118-33.897 90.875 0 34.823 12.829 66.647 34.017 91.01-25.44 29.253-62.93 47.748-104.741 47.748-18.657 0-36.449-3.691-52.699-10.369-5.63-16.685-8.684-34.557-8.684-53.142C-166.004 74.414-91.692.065 0 0Z"
transform="translate(255.935 106.882)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-21.187-24.363-34.017-56.188-34.017-91.01 0-34.758 12.78-66.53 33.897-90.875l.12-.002.12.002c21.117 24.345 33.897 56.117 33.897 90.875C34.017-56.188 21.187-24.363 0 0"
transform="translate(256.054 288.768)"
fill="#55e9bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-21.187-24.363-34.017-56.188-34.017-91.01 0-34.758 12.78-66.53 33.897-90.875l.12-.002.12.002c21.117 24.345 33.897 56.117 33.897 90.875C34.017-56.188 21.187-24.363 0 0Z"
transform="translate(256.054 288.768)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.134.332"
transform="translate(255.333 438.91)"
fill="none"
stroke="#000"
stroke-width="20"
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