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

Freehand free icons (Iconify)

DatabaseShare

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="M21.447 19.769a2 2 0 0 0-2.228 1.458a10.15 10.15 0 0 0-3.856-1.478a1.87 1.87 0 0 0 .05-2.138c1.868-1.259 1.748-.84 3.526-2.498a2 2 0 0 0 1.998.81a2.06 2.06 0 0 0 1.15-3.367a1.94 1.94 0 0 0-1.999-.57a.37.37 0 0 0 .12.73a1.02 1.02 0 0 1 .41 1.998a1.05 1.05 0 0 1-1.17-.44c-.15-.26-.279-.739-.12-.999a.32.32 0 0 0 .073-.354a.3.3 0 0 0-.072-.105c-.36-.31-1 .34-.78 1.448a9.5 9.5 0 0 0-2.267 1.369q-.765.658-1.429 1.419c-.34-.24-.739-.45-.929-.07a.37.37 0 0 0 .17.5a1.01 1.01 0 0 1-.84 1.837a1.08 1.08 0 0 1-.698-.999c0-.3.22-.769.49-.849a.33.33 0 0 0 .239-.4c-.12-.519-1.209-.21-1.629 1.05a2 2 0 0 0 1.1 2.387a2.07 2.07 0 0 0 2.077-.21c1.469.93 1.29 1.13 4.336 1.759a2.61 2.61 0 0 0 2.687 1.938a2.128 2.128 0 0 0-.41-4.226m.829 2.228c-.08.749-.46.999-.92.999a1.68 1.68 0 0 1-1.408-1a1.1 1.1 0 0 1 1.379-1.098c.308.07.59.222.82.44a.71.71 0 0 1 .129.659"/><path d="M16.781 6.832c-.23-4.306-.1-3.996-.1-3.996c-.03-1.819-3.426-3.057-3.426-2.098a.34.34 0 0 0 .33.35a2.9 2.9 0 0 1 1.488.589c1.549 1.099.78 2.128-.999 2.717c-1.998.66-8.412.999-10.73-.08a3.8 3.8 0 0 1-1.598-1.169c-.31-.59.71-1.129.81-1.199A9.5 9.5 0 0 1 6.73.827c3.777-.28 4.856.36 4.886-.28a.3.3 0 0 0-.28-.319c-2.458-.21-5.944-.54-8.372.43c-.999.42-2.498 1.149-2.328 2.447c-.24 1.848-.07 4.516-.15 5.635a60 60 0 0 0 .06 8.461a3.9 3.9 0 0 0 1.24 2.528c2.177 1.888 7.172 1.758 9.87.989a.35.35 0 0 0-.16-.67c-2.347.523-4.79.416-7.083-.31a4.9 4.9 0 0 1-1.949-.878a3.18 3.18 0 0 1-.999-2.538c-.08-.999-.3-11.119-.29-12.168C3.304 6.452 7.17 6.152 9.867 6.042c1.818-.08 4.626-.39 5.994-1.618c-.07 1.179-.08 6.823.11 8.711a.28.28 0 0 0 .478.198a.28.28 0 0 0 .082-.198a48 48 0 0 0 .25-6.303"/><path d="M9.439 8.56a48.5 48.5 0 0 1-6.904-.65c-.609-.25-1.088.32-.26.66c2.101.684 4.306.992 6.514.909a12.14 12.14 0 0 0 6.424-1.469c.39-.25.45-.779-.4-.609A13.6 13.6 0 0 1 9.44 8.56m-3.058 4.985c1.896.277 3.828.154 5.674-.36a19.5 19.5 0 0 0 2.997-.999c.4-.18.16-.799-.23-.639c-3.606 1.458-9.86 1.359-12.677 0c-.54-.17-.46.46 0 .77a11.9 11.9 0 0 0 4.236 1.228m.07 3.856c1.76.152 3.534-.07 5.205-.65c.41-.12.26-.768-.16-.659a14 14 0 0 1-4.626.18c-2.997-.12-1.908.1-4.615-.819c-.48-.13-.61.36 0 .75A8.7 8.7 0 0 0 6.452 17.4"/></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. DatabaseShareIcon.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.