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

Freehand free icons (Iconify)

DatabaseSettings

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"><path fill="#818cf8" d="M18.446 18.049c-.65.13-1.151.92-.61 1.461c.164.155.363.268.58.33c1.711.38 1.51-2.091.03-1.791"/><path fill="#818cf8" d="M23.92 19.98a9 9 0 0 0-1.861-1.26c.86-.58 1.6-.871 1.59-1.612a3.46 3.46 0 0 0-1-2.081c-.69-.5-1.16-.11-2.142.46c0-.82.1-1.491-.56-1.901a4.14 4.14 0 0 0-2.332-.44c-1.05.24-1 1.15-1 2.391l-1.062-.56c-1.11-.57-1.931.57-2.261 1.761c-.23.87.1 1.201.87 1.681s.27.08.41.951c-1.8 1.211-1.55 1-.69 2.722c.224.298.494.559.8.771a1.34 1.34 0 0 0 1.412-.19c.77-.47.66-.64.67-.29s-.06 1 .29 1.2c.571.35 2.623.48 3.003-.21c.21-.36.23-.37.17-.94a.311.311 0 1 0-.62.05c0 .48 0 .32-.11.56s-1.652-.11-1.912-.15v-1.521a.41.41 0 0 0-.64-.34c-.49.32-1.272 1-1.732 1.06s-.74-1.21-.85-1.42c.53-.231 0 .11 1.13-.621a.53.53 0 0 0 .21-.62c-.22-.671.26-1.002-.19-1.392c-.86-.68-.61-.49-1.11-.86c.086-.385.253-.746.49-1.061c0-.05.07-.12.13-.09c2.002 1.26 1.731 1.2 2.412.94s.37-2.592.47-2.612a3.9 3.9 0 0 1 1.431.31c.06 2.222.19 2.222.43 2.342a.56.56 0 0 0 .571 0c1.762-1.11 1.662-1.07 1.772-1s.29.31.58 1.18c-1.341 1.001-1.471 1.001-1.511 1.281c-.13 1.001-.29.701 2.002 2.002a2.4 2.4 0 0 1-.821 1.471a13.4 13.4 0 0 1-1.752-1a.352.352 0 1 0-.4.58q.894.662 1.882 1.17c.92.291 2.252-1.87 1.831-2.711"/><path fill="#818cf8" fill-rule="evenodd" d="M17.005 6.97c-.23-4.303-.1-4.003-.1-4.003c0-1.782-3.543-3.073-3.543-2.102a.34.34 0 0 0 .33.34c.56.06 1.096.267 1.551.6c1.591 1.102.81 2.133-1 2.723c-2.002.66-8.688 1-11.09-.08a3.9 3.9 0 0 1-1.721-1.18c-.33-.591.73-1.132.84-1.202a9.85 9.85 0 0 1 4.314-1.1c3.903-.281 5.004.36 5.004-.281a.3.3 0 0 0-.28-.32c-2.502-.2-6.105-.56-8.627.41C1.603 1.195.1 1.966.28 3.217C-.01 5.079.21 7.741.12 8.872a60 60 0 0 0 .06 8.477c.103.972.56 1.872 1.281 2.532c2.252 1.891 7.376 1.76 10.208 1a.344.344 0 1 0-.15-.67a14.7 14.7 0 0 1-7.336-.31a5.2 5.2 0 0 1-2.001-.881a3.11 3.11 0 0 1-1.051-2.542c-.14-1.041-.32-11.15-.31-12.2C2.992 6.57 6.995 6.27 9.798 6.169c1.891-.09 4.794-.39 6.255-1.62a54 54 0 0 0 .18 6.364a.3.3 0 1 0 .59 0c.2-1.304.26-2.626.18-3.943" clip-rule="evenodd"/><path fill="#818cf8" fill-rule="evenodd" d="M9.388 8.692a52 52 0 0 1-7.145-.651c-.62-.25-1.121.32-.27.66c2.176.686 4.454.994 6.735.911c2.342 0 4.864-.31 6.645-1.44c.4-.251.47-.782-.41-.611a14.5 14.5 0 0 1-5.555 1.13m-3.172 4.995c1.962.277 3.96.155 5.875-.36a20 20 0 0 0 3.052-1.002a.34.34 0 0 0-.25-.63c-3.673 1.431-10.128 1.331-13.01 0c-.561-.17-.471.46 0 .77a12.6 12.6 0 0 0 4.333 1.221m.08 3.864a13.4 13.4 0 0 0 5.374-.65a.344.344 0 1 0-.16-.671c-1.573.325-3.19.39-4.784.19c-3.132-.12-2.001.1-4.774-.82c-.5-.131-.63.36 0 .75a9.24 9.24 0 0 0 4.344 1.2" clip-rule="evenodd"/></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. DatabaseSettingsIcon.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.