Add Contact icon
openmoji:add-contact
The Add Contact icon (openmoji:add-contact) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Extras Openmoji
- Tags
- addcontact
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" 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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M32 50.08H21.92V40h-3.84v10.08H8v3.84h10.08V64h3.84V53.92H32z"/></svg>How to use the Add Contact icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:add-contact" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:add-contact" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:add-contact" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--add-contact]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:add-contact"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:add-contact"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/add-contact.svg" alt="Add Contact icon" width="24" height="24">Related icons in OpenMoji
Add Contact icon FAQ
Is the Add Contact icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Add Contact icon in React?
Install @iconify/react and render <Icon icon="openmoji:add-contact" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Add Contact icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/add-contact.svg" alt="Add Contact icon">, or paste the SVG code inline to style it with CSS.