Database Sync icon
fluent-mdl2:database-sync
The Database Sync icon (fluent-mdl2:database-sync) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- databasesync
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M252 569q-32-12-63-26t-61-33v706q0 19 14 37t35 33t43 26t36 18v136q-41-15-86-37t-83-52t-62-71t-25-90V320q0-48 22-86t60-70t84-54t96-41t96-29t84-18Q570 0 704 0q47 0 110 4t133 16t140 29t131 47t107 66t69 90q-50-9-99-15t-100-10q-51-28-112-47t-127-30t-130-17t-122-5q-58 0-129 5t-143 20t-138 37t-115 59q-17 12-34 30t-17 41q0 26 24 48t56 41t66 32t53 19q-23 24-42 51t-33 58m836 455q-68 0-144-6t-153-22t-149-41t-130-61v706q0 23 18 44t48 38t66 32t72 26t64 18t46 11q49 9 98 14t100 8v128q-44-2-108-9t-136-22t-142-39t-127-59t-92-82t-35-108V704q0-47 22-86t58-69t83-54t95-41t96-29t83-18q66-12 133-17t134-6q67 0 134 5t133 18q36 7 83 18t95 28t95 41t83 54t59 70t22 86v320h-128V894q-59 36-130 61t-148 40t-153 22t-145 7m0-512q-57 0-130 6t-148 20t-143 40t-115 63q-14 11-27 27t-13 36q0 19 13 35t27 28q46 38 114 63t143 39t148 21t131 6q57 0 130-6t148-20t143-40t114-63q14-11 27-27t14-36q0-19-13-35t-28-28q-46-38-114-63t-142-39t-148-21t-131-6m832 640h128v384h-384v-128h190q-45-60-112-94t-142-34q-59 0-111 20t-95 55t-70 85t-38 107l-127-22q14-81 54-149t98-118t133-78t156-28q91 0 174 35t146 102zm-320 768q59 0 111-20t95-55t70-85t39-107l126 22q-14 81-54 149t-98 118t-133 78t-156 28q-91 0-174-35t-146-102v137h-128v-384h384v128h-190q45 60 112 94t142 34"/></svg>
How to use the Database Sync icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:database-sync" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:database-sync" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:database-sync" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--database-sync]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:database-sync"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:database-sync"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/database-sync.svg" alt="Database Sync icon" width="24" height="24">
Related icons in Fluent UI MDL2
Database Sync icon in other icon sets
Database Sync icon FAQ
Is the Database Sync icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Database Sync icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:database-sync" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Database Sync icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/database-sync.svg" alt="Database Sync icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
