database settings icon
database-settings-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- database-settings-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
5 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
database-arrow-down-20-filleddatabase-arrow-right-16-filleddatabase-arrow-up-16-filleddatabase-checkmark-16-filleddatabase-lightning-20-filleddatabase-link-20-filleddatabase-multiple-20-filleddatabase-person-20-filleddatabase-plug-connected-20-filleddatabase-search-20-filleddatabase-stack-16-filleddatabase-switch-20-filleddatabase-warning-20-filleddatabase-window-20-filled
Use the database settings icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.07 10.746a2 2 0 0 0 2.91.001l.324-.344c.298.14.577.316.835.519l-.126.422a2 2 0 0 0 1.456 2.518l.348.083a4.7 4.7 0 0 1 .011 1.017l-.46.117a2 2 0 0 0-1.431 2.479l.156.556q-.382.294-.823.497l-.336-.357a2 2 0 0 0-2.91-.002l-.325.345a4.3 4.3 0 0 1-.835-.519l.126-.423a2 2 0 0 0-1.456-2.518l-.35-.083a4.7 4.7 0 0 1-.01-1.016l.462-.118a2 2 0 0 0 1.43-2.478l-.156-.557q.383-.293.822-.497zM4 7.12c.383.362.841.66 1.31.896C6.563 8.64 8.223 9 10 9c.848 0 1.668-.083 2.43-.236c-1.928.983-3.313 3.235-3.423 5.45Q9 14.357 9 14.5c0 1.328.47 2.546 1.254 3.496Q10.128 18 10 18c-3.314 0-6-1.343-6-3zm10.501 6.38a1 1 0 1 0 0 2a1 1 0 0 0 0-2M10 2c3.314 0 6 1.343 6 3s-2.686 3-6 3s-6-1.343-6-3s2.686-3 6-3"/></svg>
React
import type { SVGProps } from "react";
export function FluentDatabaseSettings20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.07 10.746a2 2 0 0 0 2.91.001l.324-.344c.298.14.577.316.835.519l-.126.422a2 2 0 0 0 1.456 2.518l.348.083a4.7 4.7 0 0 1 .011 1.017l-.46.117a2 2 0 0 0-1.431 2.479l.156.556q-.382.294-.823.497l-.336-.357a2 2 0 0 0-2.91-.002l-.325.345a4.3 4.3 0 0 1-.835-.519l.126-.423a2 2 0 0 0-1.456-2.518l-.35-.083a4.7 4.7 0 0 1-.01-1.016l.462-.118a2 2 0 0 0 1.43-2.478l-.156-.557q.383-.293.822-.497zM4 7.12c.383.362.841.66 1.31.896C6.563 8.64 8.223 9 10 9c.848 0 1.668-.083 2.43-.236c-1.928.983-3.313 3.235-3.423 5.45Q9 14.357 9 14.5c0 1.328.47 2.546 1.254 3.496Q10.128 18 10 18c-3.314 0-6-1.343-6-3zm10.501 6.38a1 1 0 1 0 0 2a1 1 0 0 0 0-2M10 2c3.314 0 6 1.343 6 3s-2.686 3-6 3s-6-1.343-6-3s2.686-3 6-3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M13.07 10.746a2 2 0 0 0 2.91.001l.324-.344c.298.14.577.316.835.519l-.126.422a2 2 0 0 0 1.456 2.518l.348.083a4.7 4.7 0 0 1 .011 1.017l-.46.117a2 2 0 0 0-1.431 2.479l.156.556q-.382.294-.823.497l-.336-.357a2 2 0 0 0-2.91-.002l-.325.345a4.3 4.3 0 0 1-.835-.519l.126-.423a2 2 0 0 0-1.456-2.518l-.35-.083a4.7 4.7 0 0 1-.01-1.016l.462-.118a2 2 0 0 0 1.43-2.478l-.156-.557q.383-.293.822-.497zM4 7.12c.383.362.841.66 1.31.896C6.563 8.64 8.223 9 10 9c.848 0 1.668-.083 2.43-.236c-1.928.983-3.313 3.235-3.423 5.45Q9 14.357 9 14.5c0 1.328.47 2.546 1.254 3.496Q10.128 18 10 18c-3.314 0-6-1.343-6-3zm10.501 6.38a1 1 0 1 0 0 2a1 1 0 0 0 0-2M10 2c3.314 0 6 1.343 6 3s-2.686 3-6 3s-6-1.343-6-3s2.686-3 6-3"/></svg> </template>
CSS
.icon-database-settings-20-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.07%2010.746a2%202%200%200%200%202.91.001l.324-.344c.298.14.577.316.835.519l-.126.422a2%202%200%200%200%201.456%202.518l.348.083a4.7%204.7%200%200%201%20.011%201.017l-.46.117a2%202%200%200%200-1.431%202.479l.156.556q-.382.294-.823.497l-.336-.357a2%202%200%200%200-2.91-.002l-.325.345a4.3%204.3%200%200%201-.835-.519l.126-.423a2%202%200%200%200-1.456-2.518l-.35-.083a4.7%204.7%200%200%201-.01-1.016l.462-.118a2%202%200%200%200%201.43-2.478l-.156-.557q.383-.293.822-.497zM4%207.12c.383.362.841.66%201.31.896C6.563%208.64%208.223%209%2010%209c.848%200%201.668-.083%202.43-.236c-1.928.983-3.313%203.235-3.423%205.45Q9%2014.357%209%2014.5c0%201.328.47%202.546%201.254%203.496Q10.128%2018%2010%2018c-3.314%200-6-1.343-6-3zm10.501%206.38a1%201%200%201%200%200%202a1%201%200%200%200%200-2M10%202c3.314%200%206%201.343%206%203s-2.686%203-6%203s-6-1.343-6-3s2.686-3%206-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.07%2010.746a2%202%200%200%200%202.91.001l.324-.344c.298.14.577.316.835.519l-.126.422a2%202%200%200%200%201.456%202.518l.348.083a4.7%204.7%200%200%201%20.011%201.017l-.46.117a2%202%200%200%200-1.431%202.479l.156.556q-.382.294-.823.497l-.336-.357a2%202%200%200%200-2.91-.002l-.325.345a4.3%204.3%200%200%201-.835-.519l.126-.423a2%202%200%200%200-1.456-2.518l-.35-.083a4.7%204.7%200%200%201-.01-1.016l.462-.118a2%202%200%200%200%201.43-2.478l-.156-.557q.383-.293.822-.497zM4%207.12c.383.362.841.66%201.31.896C6.563%208.64%208.223%209%2010%209c.848%200%201.668-.083%202.43-.236c-1.928.983-3.313%203.235-3.423%205.45Q9%2014.357%209%2014.5c0%201.328.47%202.546%201.254%203.496Q10.128%2018%2010%2018c-3.314%200-6-1.343-6-3zm10.501%206.38a1%201%200%201%200%200%202a1%201%200%200%200%200-2M10%202c3.314%200%206%201.343%206%203s-2.686%203-6%203s-6-1.343-6-3s2.686-3%206-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/database-settings-20-filled.svg?color=%231a73e8&size=48
