folder move icon
folder-move-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- folder-move-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
7 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
folder-add-16-filledfolder-arrow-left-16-filledfolder-arrow-right-16-filledfolder-arrow-up-16-filledfolder-briefcase-20-filledfolder-data-bar-20-filledfolder-dismiss-16-filledfolder-document-16-filledfolder-globe-16-filledfolder-hint-20-filledfolder-holder-20-filledfolder-junk-20-filledfolder-lightning-16-filledfolder-link-16-filledfolder-list-16-filledfolder-mail-16-filledfolder-multiple-16-filledfolder-open-16-filledfolder-open-down-16-filledfolder-open-vertical-16-filledfolder-people-20-filledfolder-person-16-filledfolder-prohibited-16-filledfolder-public-16-regular
Use the folder move icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M17.5 11a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11zm2.25-4.5a2.25 2.25 0 0 1 2.229 1.938l.016.158l.005.154v3.06A6.5 6.5 0 0 0 12.023 20H4.25a2.25 2.25 0 0 1-2.245-2.096L2 17.75v-7.251l6.207.001l.196-.009a2.25 2.25 0 0 0 1.088-.393l.156-.12L13.821 6.5h5.929zm-1.958 7.045l-.076.044l-.07.057l-.057.07a.5.5 0 0 0 0 .568l.057.07L19.292 16H14l-.09.008a.5.5 0 0 0-.402.402l-.008.09l.008.09a.5.5 0 0 0 .402.402L14 17h5.292l-1.646 1.646l-.057.07a.5.5 0 0 0 .695.695l.07-.057l2.528-2.532l.046-.064l.034-.067l.021-.063l.015-.082L21 16.5l-.003-.053l-.014-.075l-.03-.083l-.042-.074l-.045-.056l-2.512-2.513l-.07-.057a.5.5 0 0 0-.492-.044zM8.207 4c.46 0 .908.141 1.284.402l.156.12l2.103 1.751l-3.063 2.553l-.085.061a.75.75 0 0 1-.29.106L8.206 9L2 8.999V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h3.957z" fill="currentColor" fill-rule="nonzero"/></svg>
React
import type { SVGProps } from "react";
export function FluentFolderMove24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M17.5 11a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11zm2.25-4.5a2.25 2.25 0 0 1 2.229 1.938l.016.158l.005.154v3.06A6.5 6.5 0 0 0 12.023 20H4.25a2.25 2.25 0 0 1-2.245-2.096L2 17.75v-7.251l6.207.001l.196-.009a2.25 2.25 0 0 0 1.088-.393l.156-.12L13.821 6.5h5.929zm-1.958 7.045l-.076.044l-.07.057l-.057.07a.5.5 0 0 0 0 .568l.057.07L19.292 16H14l-.09.008a.5.5 0 0 0-.402.402l-.008.09l.008.09a.5.5 0 0 0 .402.402L14 17h5.292l-1.646 1.646l-.057.07a.5.5 0 0 0 .695.695l.07-.057l2.528-2.532l.046-.064l.034-.067l.021-.063l.015-.082L21 16.5l-.003-.053l-.014-.075l-.03-.083l-.042-.074l-.045-.056l-2.512-2.513l-.07-.057a.5.5 0 0 0-.492-.044zM8.207 4c.46 0 .908.141 1.284.402l.156.12l2.103 1.751l-3.063 2.553l-.085.061a.75.75 0 0 1-.29.106L8.206 9L2 8.999V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h3.957z" fill="currentColor" fillRule="nonzero"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M17.5 11a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11zm2.25-4.5a2.25 2.25 0 0 1 2.229 1.938l.016.158l.005.154v3.06A6.5 6.5 0 0 0 12.023 20H4.25a2.25 2.25 0 0 1-2.245-2.096L2 17.75v-7.251l6.207.001l.196-.009a2.25 2.25 0 0 0 1.088-.393l.156-.12L13.821 6.5h5.929zm-1.958 7.045l-.076.044l-.07.057l-.057.07a.5.5 0 0 0 0 .568l.057.07L19.292 16H14l-.09.008a.5.5 0 0 0-.402.402l-.008.09l.008.09a.5.5 0 0 0 .402.402L14 17h5.292l-1.646 1.646l-.057.07a.5.5 0 0 0 .695.695l.07-.057l2.528-2.532l.046-.064l.034-.067l.021-.063l.015-.082L21 16.5l-.003-.053l-.014-.075l-.03-.083l-.042-.074l-.045-.056l-2.512-2.513l-.07-.057a.5.5 0 0 0-.492-.044zM8.207 4c.46 0 .908.141 1.284.402l.156.12l2.103 1.751l-3.063 2.553l-.085.061a.75.75 0 0 1-.29.106L8.206 9L2 8.999V6.25a2.25 2.25 0 0 1 2.096-2.245L4.25 4h3.957z" fill="currentColor" fill-rule="nonzero"/></svg> </template>
CSS
.icon-folder-move-24-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%2024%2024%22%3E%3Cpath%20d%3D%22M17.5%2011a5.5%205.5%200%201%201%200%2011a5.5%205.5%200%200%201%200-11zm2.25-4.5a2.25%202.25%200%200%201%202.229%201.938l.016.158l.005.154v3.06A6.5%206.5%200%200%200%2012.023%2020H4.25a2.25%202.25%200%200%201-2.245-2.096L2%2017.75v-7.251l6.207.001l.196-.009a2.25%202.25%200%200%200%201.088-.393l.156-.12L13.821%206.5h5.929zm-1.958%207.045l-.076.044l-.07.057l-.057.07a.5.5%200%200%200%200%20.568l.057.07L19.292%2016H14l-.09.008a.5.5%200%200%200-.402.402l-.008.09l.008.09a.5.5%200%200%200%20.402.402L14%2017h5.292l-1.646%201.646l-.057.07a.5.5%200%200%200%20.695.695l.07-.057l2.528-2.532l.046-.064l.034-.067l.021-.063l.015-.082L21%2016.5l-.003-.053l-.014-.075l-.03-.083l-.042-.074l-.045-.056l-2.512-2.513l-.07-.057a.5.5%200%200%200-.492-.044zM8.207%204c.46%200%20.908.141%201.284.402l.156.12l2.103%201.751l-3.063%202.553l-.085.061a.75.75%200%200%201-.29.106L8.206%209L2%208.999V6.25a2.25%202.25%200%200%201%202.096-2.245L4.25%204h3.957z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%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%2024%2024%22%3E%3Cpath%20d%3D%22M17.5%2011a5.5%205.5%200%201%201%200%2011a5.5%205.5%200%200%201%200-11zm2.25-4.5a2.25%202.25%200%200%201%202.229%201.938l.016.158l.005.154v3.06A6.5%206.5%200%200%200%2012.023%2020H4.25a2.25%202.25%200%200%201-2.245-2.096L2%2017.75v-7.251l6.207.001l.196-.009a2.25%202.25%200%200%200%201.088-.393l.156-.12L13.821%206.5h5.929zm-1.958%207.045l-.076.044l-.07.057l-.057.07a.5.5%200%200%200%200%20.568l.057.07L19.292%2016H14l-.09.008a.5.5%200%200%200-.402.402l-.008.09l.008.09a.5.5%200%200%200%20.402.402L14%2017h5.292l-1.646%201.646l-.057.07a.5.5%200%200%200%20.695.695l.07-.057l2.528-2.532l.046-.064l.034-.067l.021-.063l.015-.082L21%2016.5l-.003-.053l-.014-.075l-.03-.083l-.042-.074l-.045-.056l-2.512-2.513l-.07-.057a.5.5%200%200%200-.492-.044zM8.207%204c.46%200%20.908.141%201.284.402l.156.12l2.103%201.751l-3.063%202.553l-.085.061a.75.75%200%200%201-.29.106L8.206%209L2%208.999V6.25a2.25%202.25%200%200%201%202.096-2.245L4.25%204h3.957z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/folder-move-24-filled.svg?color=%231a73e8&size=48
