Home/Libraries/Freehand free icons (Iconify)/database

Freehand free icons (Iconify)

Database

License: CC-BY-4.0

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 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M14.263 19.855c1.817-.208 3.545-.9 5.004-2.001a.33.33 0 0 0 .08-.47c-.33-.481-.56.28-2.712 1a8.6 8.6 0 0 1-2.402.44c-5.134.3-7.085-.14-9.867-1.49c-.29-.25-.48.33.06.78c3.733 2.222 5.934 2.101 9.837 1.741"/><path d="M21.069 6.005a.34.34 0 1 0-.68 0s.08 7.075.08 7.545c0 1.061.23 5.825-.391 6.535c-1.791 2.082-7.166 3.803-12.93 2.052a9.1 9.1 0 0 1-2.822-1.331c-1.001-.86-1.061-15.012-1.001-16.343a6.4 6.4 0 0 0 2.042 1.432c2.291 1.08 5.374.86 7.916.77c2.732-.12 7.836-.8 7.786-3.523c0-1.45-2.202-2.722-3.503-2.702a.34.34 0 0 0 0 .68c1 0 2.722 1.072 2.712 2.002c0 .64-.59 1.301-2.092 1.802c-1.6.47-3.265.693-4.933.66c-2.192.05-5.415.2-7.406-.74c-1.271-.59-2.602-1.341-1.591-2.312c.94-.53 1.741-1.421 5.454-1.691a56 56 0 0 1 6.465.1a.29.29 0 0 0 .35-.23c.08-.37-.39-.4-.77-.44C15.655.26 11.52 0 9.67 0C8.456.018 7.25.186 6.077.5c-1.35.39-3.422 1.341-3.302 2.843c-.3 2.231 0 4.953-.11 6.435a88 88 0 0 0 .07 9.487a4.23 4.23 0 0 0 1.36 2.752a6.8 6.8 0 0 0 2.723 1.2c6.275 1.922 12.009 0 14.01-2.491c.971-1.111.55-4.994.24-14.721"/><path d="M17.826 14.611a4.6 4.6 0 0 0 2.002-1c.44-.51 0-.841-.35-.601s-.1.23-1.892.78c-4.393 1.342-11.008.671-13.37-.53c-.41-.28-.53.48 0 .74c2.692 1.502 8.456 2.503 13.61.611M7.718 11.008a30 30 0 0 0 8.847-.31a7.7 7.7 0 0 0 2.352-.91a.34.34 0 1 0-.36-.57c-1.872 1.08-5.465.86-7.006.82c-2.121 0-5.284.56-7.435-1.121c-.43-.11-.36.45-.07.82c1.01.891 2.311.991 3.672 1.271"/></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. DatabaseIcon.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-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.