Home/Libraries/Noto Emoji (v1) (Iconify)/floppy-disk

Noto Emoji (v1) (Iconify)

FloppyDisk

License: Apache-2.0Commercial Safe

ICON SIZE

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 128 128"><path fill="#818cf8" d="M98.44 71.52c-1.45 4.38-10.48 32.96-11.12 34.74c-.77 2.13-1.85 4.1-3.67 5.03c-3.08 1.57-7.92-.11-10.91-1.29c-4.27-1.68-8.6-3.27-12.91-4.86c-10.46-3.88-20.88-7.88-31.32-11.81c-3.95-1.49-8.74-2.7-12.13-5.25c-3.3-2.47-.99-7.26.2-10.38c.97-2.55 2.03-5.07 3.05-7.6c2.34-5.82 4.69-11.63 7.03-17.45c.71-1.75 1.27-3.72 2.18-5.38c.31-.56.69-.9 1.11-1.09c1.42-.63 3.36.37 4.85.83c1.95.61 3.9 1.21 5.85 1.82c5.23 1.63 10.46 3.25 15.69 4.88c5.87 1.83 11.74 3.65 17.61 5.48c5.16 1.61 10.32 3.21 15.48 4.82c1.87.58 3.74 1.17 5.61 1.75c.97.3 2.03.53 2.96.92c1.83.78.86 3.56.44 4.84"/><path fill="#818cf8" d="M123.8 29.81c-.92-1.53-1.97-4.17-3.56-5.11c-3.01-1.78-6.3-2.67-9.62-3.62c-4.2-1.2-8.4-2.39-12.61-3.57c-8.99-2.52-18.01-4.98-27.06-7.27c-9.03-2.28-18.1-3.93-27.21-5.71c-4.62-.9-8.27-1.04-10.9 3.14c-3.18 5.05-5.03 11.16-7.2 16.85c-2.35 6.16-4.89 12.27-7.36 18.38c-3.21 7.95-6.41 15.91-9.62 23.86c-1.4 3.46-2.85 6.9-4.17 10.39c-1.62 4.27-4.78 10.82-.27 14.2c4.65 3.49 11.19 5.14 16.59 7.18c14.27 5.38 28.53 10.84 42.83 16.15c5.89 2.19 11.81 4.35 17.65 6.65c4.09 1.61 10.71 3.91 14.92 1.76c2.49-1.27 3.96-3.97 5-6.88c.89-2.44 13.25-41.52 15.23-47.51c2-6.06 3.87-12.18 5.78-18.27c1.02-3.26 1.86-6.59 2.74-9.89c.25-.89.66-1.9.92-2.87c.12-.42.2-.84.23-1.23c.17-2.39-1.1-4.63-2.31-6.63M98.44 71.52c-1.45 4.38-10.48 32.96-11.12 34.74c-.77 2.13-1.85 4.1-3.67 5.03c-3.08 1.57-7.92-.11-10.91-1.29c-4.27-1.68-8.6-3.27-12.91-4.86c-10.46-3.88-20.88-7.88-31.32-11.81c-3.95-1.49-8.74-2.7-12.13-5.25c-3.3-2.47-.99-7.26.2-10.38c.97-2.55 2.03-5.07 3.05-7.6c2.34-5.82 4.69-11.63 7.03-17.45c.71-1.75 1.27-3.72 2.18-5.38c.31-.56.69-.9 1.11-1.09c1.42-.63 3.36.37 4.85.83c1.95.61 3.9 1.21 5.85 1.82c5.23 1.63 10.46 3.25 15.69 4.88c5.87 1.83 11.74 3.65 17.61 5.48c5.16 1.61 10.32 3.21 15.48 4.82c1.87.58 3.74 1.17 5.61 1.75c.97.3 2.03.53 2.96.92c1.83.78.86 3.56.44 4.84"/><path fill="#818cf8" d="M103.12 24.03c-.33-.33-.78-.58-1.26-.78c-9.19-3.8-18.93-5.32-28.36-8.26c-2.92-.91-5.9-1.67-8.92-2.1c-1.78-.25-6.12-1.36-7.67-.45c-1.79 1.05-2.31 3.82-3.05 5.63c-1.92 4.72-3.59 9.45-5.21 14.27c-.76 2.25-1.8 4.46-2.4 6.75c-.44 1.68.35 2.1 1.65 2.54c.2.07.41.13.64.21c2.4.78 4.78 1.58 7.19 2.31l.25.07c4.1 1.32 9.08 2.91 12.81 4.11c.19.06.41.13.62.19c7.71 2.43 20.61 5.62 20.61 5.62c1 .28 2.08.48 2.94-.06c1.32-.81 1.85-3.42 2.31-4.74c1.59-4.54 3.45-8.98 5.14-13.48c.71-1.89 1.21-3.86 1.91-5.75c.25-.66.68-1.53 1.01-2.44c.48-1.32.73-2.71-.21-3.64m-5.15 3.67c-.34 1.34-.84 2.64-1.3 3.94c-1.83 5.1-3.62 10.22-5.58 15.27c-.19.48-.29 1.01-.54 1.46c-.46.81-.74 1.47-1.77 1.56c-.74.06-1.5-.21-2.19-.39c-1.44-.38-2.88-.76-4.3-1.21c-1.15-.37-2.68-.86-3.94-1.27l-.08-.02c-1.2-.36-2.51-.64-2.61-2.14c-.04-.58.33-1.2.5-1.73c2.08-6.15 4.27-12.28 6.57-18.35c.14-.37.3-.74.46-1.1c.09-.2.18-.43.32-.62c.03-.05.05-.1.1-.14c.7-.64 2.02-.32 2.8-.13c1.2.29 2.36.69 3.55.95c1.39.3 2.77.67 4.14 1.04l2.05.57c.36.1.7.2 1.05.31c.2.07.44.08.61.21l.24.28c.04.08.06.17.08.26c.08.39-.06.87-.16 1.25"/></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. FloppyDiskIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.