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

Freehand free icons (Iconify)

DatabaseHierarchy

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" fill-rule="evenodd" d="M17.244 6.769a5 5 0 0 0-.672-.522a5.7 5.7 0 0 0-1.243-.611a9 9 0 0 0-1.324-.351a10.2 10.2 0 0 0-4.01.11a7.4 7.4 0 0 0-3.39 1.725h-.07a.33.33 0 0 0-.311.35c0 1.003-.11 2.006-.12 3.009v1.263c0 .421.05.842.09 1.263c.08 1.003.21 2.006.32 2.958v.08c0 .03-.06 0-.08 0a.33.33 0 0 0 0 .472c.314.334.68.615 1.083.832c.583.31 1.194.566 1.825.762c.625.191 1.266.322 1.915.391a8.85 8.85 0 0 0 5.626-1.393a.37.37 0 0 0 .13-.522a.38.38 0 0 0 .18-.33c0-1.054.06-2.106.11-3.17c0-.711.071-1.413.071-2.125c0-1.093-.08-2.186-.14-3.259a1 1 0 0 1 .08-.1a.68.68 0 0 0-.07-.832m-7.08-.442a9.3 9.3 0 0 1 3.62.16a7 7 0 0 1 1.103.332q.532.189 1.003.501a2.6 2.6 0 0 1-.511.351c-.388.22-.802.39-1.234.501a9.6 9.6 0 0 1-3.429.301a8.3 8.3 0 0 1-3.319-.932a.38.38 0 0 0-.25 0a6.8 6.8 0 0 1 3.018-1.214m.472 3.129a10.9 10.9 0 0 0 3.84-.12a6 6 0 0 0 1.825-.722l.14-.11c-.09.651-.19 1.293-.25 1.945c0 .45-.06.902-.07 1.343a2 2 0 0 0 0 .23a15.5 15.5 0 0 1-3.44.292c-.782 0-1.554-.08-2.326-.17a30 30 0 0 1-2.958-.442v-.06c0-.421 0-.852-.08-1.274a34 34 0 0 0-.331-2.216a9.3 9.3 0 0 0 3.65 1.304m1.143 7.79a13.4 13.4 0 0 1-2.106-.2a8.6 8.6 0 0 1-1.684-.47a4.3 4.3 0 0 1-.752-.422a.4.4 0 0 0 .1-.26c0-1.003.1-2.006.12-3.009v-.39c.867.34 1.759.615 2.667.821q.771.148 1.555.19a9.3 9.3 0 0 0 1.584 0a12.7 12.7 0 0 0 2.918-.64q-.007.135 0 .27q.081 1.588.33 3.158a.3.3 0 0 0 .08.14a8 8 0 0 1-2.676.763q-1.066.11-2.136.05m6.316-11.351q.468-.241.902-.541q.178-.155.321-.341q.152-.158.271-.341c.18-.28.32-.562.481-.842q.192.104.401.17s1.675.381 2.437-.551c.328-.41.508-.92.511-1.444A2.08 2.08 0 0 0 22.418.522A2.66 2.66 0 0 0 20.793 0a2.4 2.4 0 0 0-1.674 1.003a1.795 1.795 0 0 0 0 2.005q.142.174.32.311c-.23.16-.47.311-.691.492a3 3 0 0 0-.321.29q-.152.153-.27.331a10 10 0 0 0-.492.903a.333.333 0 0 0 .471.471zm2.056-4.13a1.18 1.18 0 0 1 .772-.492a1.52 1.52 0 0 1 .912.19a1.05 1.05 0 0 1 .582.632c.06.27-.06 1.775-1.685 1.123a1.4 1.4 0 0 1-.712-.692a.7.7 0 0 1 .13-.762M5.682 18.05a7 7 0 0 0-.812.4a1.7 1.7 0 0 0-.29.25q-.136.13-.231.292c-.16.23-.28.47-.421.722a2 2 0 0 0-.401-.17s-1.675-.392-2.437.51c-.35.434-.53.978-.511 1.535a2.08 2.08 0 0 0 1.002 1.484c.49.33 1.075.492 1.665.46a2.37 2.37 0 0 0 1.634-1.022a1.785 1.785 0 0 0 0-2.005a3 3 0 0 0-.31-.301q.307-.161.591-.361c.205-.131.382-.302.521-.501c.17-.261.261-.512.422-.783a.341.341 0 0 0-.422-.51M3.847 21.8a1.16 1.16 0 0 1-.772.5a1.6 1.6 0 0 1-.912-.19a1.05 1.05 0 0 1-.582-.632c-.06-.27.06-1.775 1.685-1.123c.315.139.569.389.712.702a.68.68 0 0 1-.13.742m16.624-1.744q-.239.072-.45.2v-.1a8 8 0 0 0-.422-.782a2 2 0 0 0-.22-.291a1.1 1.1 0 0 0-.281-.25a8 8 0 0 0-.802-.432a.32.32 0 0 0-.472 0a.33.33 0 0 0-.073.363q.026.061.073.108c.15.271.23.532.401.792q.098.151.22.281q.135.129.282.24c.24.181.48.312.732.472a3.5 3.5 0 0 0-.341.331a1.795 1.795 0 0 0 0 2.005a2.4 2.4 0 0 0 1.674 1.003a2.66 2.66 0 0 0 1.665-.461a2.08 2.08 0 0 0 1.002-1.484a2.34 2.34 0 0 0-.511-1.534c-.802-.873-2.437-.461-2.477-.461m1.364 2.576a1.52 1.52 0 0 1-.912.191a1.2 1.2 0 0 1-.773-.491a.7.7 0 0 1-.15-.762c.15-.314.41-.56.732-.692c1.624-.652 1.745.852 1.685 1.123a1.05 1.05 0 0 1-.582.601zM3.527 4.543q.233-.072.45-.18c.171.26.312.52.502.771q.119.166.26.311q.112.135.242.25q.423.252.882.432a.334.334 0 0 0 .441-.502c-.17-.28-.29-.551-.491-.822a4 4 0 0 0-.26-.29q-.147-.135-.312-.241c-.22-.14-.43-.26-.652-.381q.171-.135.311-.301a1.785 1.785 0 0 0 0-2.005A2.37 2.37 0 0 0 3.206.502a2.7 2.7 0 0 0-1.665.501A2.08 2.08 0 0 0 .54 2.487c-.006.558.19 1.1.551 1.524c.762.903 2.396.532 2.437.532M2.163 2.006c.276-.16.595-.23.912-.2a1.16 1.16 0 0 1 .772.5a.68.68 0 0 1 .13.702a1.4 1.4 0 0 1-.731.692c-.1 0-1.153.472-1.564-.37a1.3 1.3 0 0 1-.12-.743a1 1 0 0 1 .6-.581" 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. DatabaseHierarchyIcon.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.