Home/Libraries/OpenMoji (Iconify)/add-contact

OpenMoji (Iconify)

AddContact

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#d0cfce" d="M32 50.08H21.92V40h-3.84v10.08H8v3.84h10.08V64h3.84V53.92H32z"/><path fill="#92d3f5" d="M61.395 57a.96.96 0 0 1-.962-.962v-.885c0-4.282-4.324-7.512-8.321-7.687c-5.969 4.82-12.015 4.82-17.983 0c-3.997.175-8.321 3.405-8.321 7.687V57"/><path fill="#f1b31c" d="M57.83 46.215a.96.96 0 0 1 0-1.36c1.762-1.763 3.411-6.224 1.557-10.624a116 116 0 0 0-1.114-2.532c-1.416-3.145-1.945-4.322-2.258-10.122c-.342-6.35-5.987-6.806-6.227-6.823a.96.96 0 0 1-.662-.33c-.09-.1-2.317-2.553-6.967-2.553c-5.965 0-11.005 3.253-12.257 7.912c-.675 2.512-.608 4.255-.543 5.94c.07 1.802.136 3.505-.732 5.733c-.289.744-.612 1.476-.933 2.206c-1.642 3.722-3.06 6.936-.124 11.34a.962.962 0 0 1-.8 1.495a1 1 0 0 1-.413-.102a29 29 0 0 0 3.275 2.523c1.371-.86 2.957-1.385 4.497-1.452c5.968 4.82 12.014 4.82 17.983 0c1.18.051 2.388.376 3.506.91a50 50 0 0 0 3.23-1.945a.96.96 0 0 1-1.018-.216"/><path fill="#fcea2b" d="M33.502 29.27v.876c0 7.01 4.225 12.503 9.618 12.503s9.619-5.492 9.619-12.503c0-4.265-1.63-6.888-4.843-10.205c-2.054 1.756-5.319 3.62-8.238 5.288c-2.426 1.384-5.733 3.273-6.156 4.04m-.02.039"/><path d="M26.77 46.496a.96.96 0 0 1-.8-.428c-3.521-5.28-1.67-9.478-.036-13.182c.31-.705.622-1.41.9-2.128c.724-1.856.668-3.295.603-4.961c-.067-1.743-.144-3.719.607-6.514c1.478-5.497 7.282-9.336 14.115-9.336c4.65 0 7.325 2.15 8.149 2.938c1.555.246 7.253 1.623 7.628 8.588c.293 5.442.71 6.368 2.091 9.436c.325.72.699 1.551 1.132 2.573c2.325 5.517.026 10.738-1.97 12.733a.961.961 0 1 1-1.36-1.36c1.763-1.763 3.412-6.224 1.558-10.624a116 116 0 0 0-1.114-2.532c-1.416-3.145-1.945-4.321-2.258-10.122c-.341-6.35-5.987-6.806-6.227-6.823a.96.96 0 0 1-.662-.33c-.089-.1-2.317-2.553-6.967-2.553c-5.965 0-11.005 3.253-12.257 7.912c-.675 2.512-.608 4.255-.542 5.94c.07 1.802.135 3.505-.733 5.734a54 54 0 0 1-.933 2.205c-1.642 3.722-3.06 6.936-.124 11.34a.962.962 0 0 1-.8 1.494"/><path d="M35.412 46.03c5.294 4.234 10.45 4.144 15.75-.272a.96.96 0 0 1 .615-.223c5.636.002 10.58 4.496 10.58 9.618v.885a.962.962 0 1 1-1.924 0v-.885c0-4.282-4.324-7.513-8.321-7.687c-5.968 4.82-12.014 4.82-17.983 0c0 0-.483-.55-.02-1.192c.465-.64 1.303-.245 1.303-.245m13.479-16.845a1.924 1.924 0 1 1-3.848-.002a1.924 1.924 0 0 1 3.848.002m-7.694 0a1.924 1.924 0 1 1-3.849-.002a1.924 1.924 0 0 1 3.849.002"/><path d="M43.12 44.573c-6.472 0-11.541-6.337-11.541-14.427v-.962c0-1.494 2.184-2.804 7.125-5.626c3.181-1.816 6.787-3.875 8.545-5.634a.96.96 0 0 1 1.36 0c3.926 3.925 6.053 7.036 6.053 12.222c0 8.09-5.07 14.427-11.542 14.427m-9.618-15.304v.877c0 7.01 4.225 12.503 9.618 12.503s9.619-5.492 9.619-12.503c0-4.265-1.63-6.888-4.843-10.205c-2.054 1.756-5.319 3.62-8.238 5.288c-2.426 1.384-5.733 3.273-6.156 4.04m-.02.04"/><path d="M43.12 38.804c-1.107 0-2.215-.275-3.315-.825a.962.962 0 1 1 .86-1.72c1.652.826 3.258.826 4.91 0a.962.962 0 0 1 .861 1.72q-1.652.825-3.316.825"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M32 50.08H21.92V40h-3.84v10.08H8v3.84h10.08V64h3.84V53.92H32z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. AddContactIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.