Home/Libraries/OpenMoji (Iconify)/contacts

OpenMoji (Iconify)

Contacts

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="#fcea2b" d="M55.326 61.67c.47 0 .852-.559.852-1.247V6.712c0-.69-.381-1.248-.852-1.248H18.662c-.47 0-.852.559-.852 1.248V39.81l30.103 21.86z"/><path fill="#fcea2b" d="M55.344 60.367c.46 0 .834-.546.834-1.218V6.683c0-.673-.373-1.219-.834-1.219H19.447c-.46 0-.834.546-.834 1.219v53.684z"/><path fill="#fcea2b" d="M18.613 6.683c0-.673.373-1.219.834-1.219h35.897c.46 0 .834.546.834 1.219v52.466c0 .672-.373 1.218-.834 1.218"/><path fill="#f1b31c" d="M51.18 66.452H15.284c-.46 0-.834-.545-.834-1.218V12.768c0-.673.374-1.218.834-1.218H51.18c.46 0 .833.545.833 1.218v52.466c0 .673-.373 1.218-.834 1.218"/><g fill="none" stroke="#818cf8" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" stroke-miterlimit="10" d="M18.613 6.683c0-.673.373-1.219.834-1.219h35.897c.46 0 .834.546.834 1.219v52.466c0 .672-.373 1.218-.834 1.218"/><path stroke-linecap="round" stroke-miterlimit="10" d="M51.18 66.452H15.284c-.46 0-.834-.545-.834-1.218V12.768c0-.673.374-1.218.834-1.218H51.18c.46 0 .833.545.833 1.218v52.466c0 .673-.373 1.218-.834 1.218M12.356 20.501h7.272m-7.272 7.363h7.272M11 35.319h7.272m0 7.364H11m0 7.363h7.272M11 57.41h7.272"/><path stroke-linecap="round" d="M42.818 45.637s0-.743-.371-2.23c-.45-1.8-1.487-2.972-3.716-2.972h-8.174c-2.229 0-3.265 1.172-3.715 2.973c-.372 1.486-.372 2.229-.372 2.229"/><path d="M30.929 33.004c0 1.384.2 2.902.743 3.716c.691 1.038 1.864 1.486 2.972 1.486c1.15 0 2.28-.449 2.972-1.486c.543-.814.744-2.332.744-3.716c0-1.038-.372-4.458-3.716-4.458s-3.715 2.729-3.715 4.458z"/></g></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. ContactsIcon.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.