User Experience Design Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: user experience design person profile account avatar member

The User Experience Design icon is commonly used in account pages, profile sections and authentication flows. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/320929.svg" alt="User Experience Design icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/320929.svg" alt="User Experience Design icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/320929.svg"
  alt="User Experience Design icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-user-experience-design {
  background-image: url('https://proicons.com/icon/320929.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<path id="user--experience-design_1_" d="M16,30.36c-2.605,0-5.093-0.712-7.194-2.058l0.389-0.605
	c1.985,1.271,4.338,1.942,6.806,1.942c2.404,0,4.822-0.69,6.808-1.944l0.385,0.609C21.093,29.63,18.539,30.36,16,30.36z M28,26.36
	c-1.853,0-3.36-1.508-3.36-3.36s1.508-3.36,3.36-3.36s3.36,1.508,3.36,3.36S29.853,26.36,28,26.36z M28,20.36
	c-1.456,0-2.64,1.184-2.64,2.64s1.184,2.64,2.64,2.64s2.64-1.184,2.64-2.64S29.456,20.36,28,20.36z M8,26.36H1
	c-0.129,0-0.248-0.069-0.312-0.181s-0.064-0.25,0.001-0.361l3.5-6c0.129-0.221,0.493-0.221,0.622,0l3.5,6
	c0.065,0.111,0.065,0.249,0.001,0.361C8.248,26.291,8.129,26.36,8,26.36z M1.627,25.64h5.746L4.5,20.715L1.627,25.64z M21.36,23
	h-0.72v-1.683c0-2.16-1.466-4.016-3.565-4.513c-0.15-0.035-0.261-0.163-0.275-0.316c-0.014-0.154,0.071-0.3,0.212-0.363
	c0.899-0.4,1.479-1.293,1.479-2.275c0-1.373-1.117-2.49-2.49-2.49s-2.49,1.117-2.49,2.49c0,0.982,0.581,1.875,1.48,2.275
	c0.141,0.063,0.226,0.209,0.212,0.362c-0.014,0.154-0.125,0.282-0.275,0.317c-2.1,0.498-3.566,2.353-3.566,4.513V23h-0.72v-1.683
	c0-2.221,1.342-4.162,3.347-4.968c-0.745-0.601-1.197-1.515-1.197-2.499c0-1.77,1.44-3.21,3.21-3.21c1.771,0,3.211,1.44,3.211,3.21
	c0,0.984-0.452,1.898-1.197,2.499c2.005,0.806,3.347,2.748,3.347,4.968V23H21.36z M29.321,18.027l-0.719-0.055
	c0.025-0.321,0.037-0.646,0.037-0.973c0-4.708-2.607-8.993-6.806-11.181l0.332-0.639C26.604,7.493,29.36,12.022,29.36,17
	C29.36,17.347,29.347,17.688,29.321,18.027z M2.679,18.027C2.653,17.688,2.64,17.347,2.64,17c0-5,2.756-9.542,7.193-11.855
	l0.333,0.639C5.968,7.972,3.36,12.27,3.36,17c0,0.327,0.013,0.651,0.037,0.973L2.679,18.027z M19,7.36h-6
	c-0.199,0-0.36-0.161-0.36-0.36V1c0-0.199,0.161-0.36,0.36-0.36h6c0.199,0,0.36,0.161,0.36,0.36v6C19.36,7.199,19.199,7.36,19,7.36z
	 M13.36,6.64h5.28V1.36h-5.28C13.36,1.36,13.36,6.64,13.36,6.64z"/>
<rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/>
</svg>

Copied!

User Experience Design Icon

More from Carbon Icons