Home/Libraries/OpenMoji (Iconify)/french-press

OpenMoji (Iconify)

FrenchPress

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="#fff" d="M47.281 29.927h.397a8.3 8.3 0 0 1 8.298 8.297v.259c0 4.726-3.837 8.563-8.564 8.563h-.131zM20.688 19.785h25.989v5.569H21.616l-4.64-3.713z"/><path fill="#a57939" fill-rule="evenodd" d="M46.677 24.425v32.486a3.713 3.713 0 0 1-3.713 3.713H24.401a3.713 3.713 0 0 1-3.713-3.713V24.425z"/><path fill="#3f3f3f" d="M33.218 9.575a3.25 3.25 0 0 0-2.936 4.64h5.872a3.25 3.25 0 0 0-2.936-4.64"/><path fill="#9b9b9a" d="M31.826 19.32h2.784v9.746l-2.784-1.856z"/><path fill="#3f3f3f" fill-rule="evenodd" d="M46.677 20.249v-1.393a2.784 2.784 0 0 0-2.785-2.784h-20.42a2.784 2.784 0 0 0-2.784 2.784v1.393z"/><path fill="#6a462f" fill-rule="evenodd" d="M46.677 56.912h-25.99a3.713 3.713 0 0 0 3.713 3.712h18.564a3.713 3.713 0 0 0 3.713-3.713"/><path fill="#3f3f3f" fill-rule="evenodd" d="M46.677 47.63v3.712c7.176 0 12.994-5.817 12.994-12.994s-5.818-12.995-12.994-12.995v3.713a9.282 9.282 0 0 1 0 18.564"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M33.218 9.575a3.25 3.25 0 0 0-2.936 4.64h5.872a3.25 3.25 0 0 0-2.936-4.64Z"/><path fill="none" stroke="#818cf8" stroke-linejoin="round" stroke-width="1.5" d="M20.688 18.856a2.784 2.784 0 0 1 2.784-2.784h20.42a2.784 2.784 0 0 1 2.785 2.784v38.055a3.713 3.713 0 0 1-3.713 3.713H24.401a3.713 3.713 0 0 1-3.713-3.713V24.89l-4.177-3.248l4.177-2.32z"/><path d="M46.677 51.342h-.929v.929h.929zm0-3.712v-.93h-.929v.929zm0-22.277v-.928h-.929v.928zm0 3.713h-.929v.928h.929zm.928 22.276V47.63h-1.857v3.712zm11.138-12.994c0 6.664-5.402 12.066-12.066 12.066v1.857c7.689 0 13.922-6.234 13.922-13.923zM46.677 26.282c6.664 0 12.066 5.402 12.066 12.066h1.856c0-7.69-6.233-13.923-13.922-13.923zm.928 2.784v-3.713h-1.857v3.713zm-.928.928a8.354 8.354 0 0 1 8.353 8.354h1.857c0-5.639-4.572-10.21-10.21-10.21zm8.353 8.354a8.354 8.354 0 0 1-8.353 8.353v1.857c5.638 0 10.21-4.571 10.21-10.21z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M20.688 19.32h23.204m-13.61-5.105a3.249 3.249 0 1 1 5.872 0m-4.328 5.57v7.425m2.784-7.425v9.281m-12.994-3.712h7.425m8.354 0h9.282"/></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. FrenchPressIcon.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.