floppy2 icon
floppy2-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- floppy2-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More ui icons from Reicon
Use the floppy2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.893 22.748a13 13 0 0 1-1.39-.068c-.437-.052-.832-.149-1.201-.337l-.004-.002l-.131-.07a3.75 3.75 0 0 1-1.587-1.737c-.17-.397-.248-.824-.287-1.302c-.043-.531-.043-1.187-.043-2V6.768c0-.813 0-1.469.043-2c.045-.546.14-1.026.366-1.47A3.75 3.75 0 0 1 3.466 1.58c.397-.17.824-.248 1.303-.287c.53-.043 1.186-.043 1.999-.043h8.979c.419 0 .748 0 1.067.076c.28.067.548.179.794.33c.28.17.512.404.808.7l3.228 3.228c.297.296.53.528.7.808c.151.246.263.514.33.795c.076.318.076.647.076 1.066v8.98c0 .812 0 1.468-.043 1.999c-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.639 1.64c-.37.188-.766.285-1.205.338c-.413.05-.872.063-1.39.067q-.404.004-.875.003H6.768q-.472 0-.875-.003M17.25 15.5v5.75H6.75V15.5c0-.69.56-1.25 1.25-1.25h8c.69 0 1.25.56 1.25 1.25M14.5 6.75a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1 0-1.5z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconFloppy2Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M5.893 22.748a13 13 0 0 1-1.39-.068c-.437-.052-.832-.149-1.201-.337l-.004-.002l-.131-.07a3.75 3.75 0 0 1-1.587-1.737c-.17-.397-.248-.824-.287-1.302c-.043-.531-.043-1.187-.043-2V6.768c0-.813 0-1.469.043-2c.045-.546.14-1.026.366-1.47A3.75 3.75 0 0 1 3.466 1.58c.397-.17.824-.248 1.303-.287c.53-.043 1.186-.043 1.999-.043h8.979c.419 0 .748 0 1.067.076c.28.067.548.179.794.33c.28.17.512.404.808.7l3.228 3.228c.297.296.53.528.7.808c.151.246.263.514.33.795c.076.318.076.647.076 1.066v8.98c0 .812 0 1.468-.043 1.999c-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.639 1.64c-.37.188-.766.285-1.205.338c-.413.05-.872.063-1.39.067q-.404.004-.875.003H6.768q-.472 0-.875-.003M17.25 15.5v5.75H6.75V15.5c0-.69.56-1.25 1.25-1.25h8c.69 0 1.25.56 1.25 1.25M14.5 6.75a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1 0-1.5z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.893 22.748a13 13 0 0 1-1.39-.068c-.437-.052-.832-.149-1.201-.337l-.004-.002l-.131-.07a3.75 3.75 0 0 1-1.587-1.737c-.17-.397-.248-.824-.287-1.302c-.043-.531-.043-1.187-.043-2V6.768c0-.813 0-1.469.043-2c.045-.546.14-1.026.366-1.47A3.75 3.75 0 0 1 3.466 1.58c.397-.17.824-.248 1.303-.287c.53-.043 1.186-.043 1.999-.043h8.979c.419 0 .748 0 1.067.076c.28.067.548.179.794.33c.28.17.512.404.808.7l3.228 3.228c.297.296.53.528.7.808c.151.246.263.514.33.795c.076.318.076.647.076 1.066v8.98c0 .812 0 1.468-.043 1.999c-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.639 1.64c-.37.188-.766.285-1.205.338c-.413.05-.872.063-1.39.067q-.404.004-.875.003H6.768q-.472 0-.875-.003M17.25 15.5v5.75H6.75V15.5c0-.69.56-1.25 1.25-1.25h8c.69 0 1.25.56 1.25 1.25M14.5 6.75a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1 0-1.5z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-floppy2-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%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.893%2022.748a13%2013%200%200%201-1.39-.068c-.437-.052-.832-.149-1.201-.337l-.004-.002l-.131-.07a3.75%203.75%200%200%201-1.587-1.737c-.17-.397-.248-.824-.287-1.302c-.043-.531-.043-1.187-.043-2V6.768c0-.813%200-1.469.043-2c.045-.546.14-1.026.366-1.47A3.75%203.75%200%200%201%203.466%201.58c.397-.17.824-.248%201.303-.287c.53-.043%201.186-.043%201.999-.043h8.979c.419%200%20.748%200%201.067.076c.28.067.548.179.794.33c.28.17.512.404.808.7l3.228%203.228c.297.296.53.528.7.808c.151.246.263.514.33.795c.076.318.076.647.076%201.066v8.98c0%20.812%200%201.468-.043%201.999c-.045.546-.14%201.026-.366%201.47a3.75%203.75%200%200%201-1.639%201.64c-.37.188-.766.285-1.205.338c-.413.05-.872.063-1.39.067q-.404.004-.875.003H6.768q-.472%200-.875-.003M17.25%2015.5v5.75H6.75V15.5c0-.69.56-1.25%201.25-1.25h8c.69%200%201.25.56%201.25%201.25M14.5%206.75a.75.75%200%200%201%200%201.5h-5a.75.75%200%200%201%200-1.5z%22%20clip-rule%3D%22evenodd%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%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.893%2022.748a13%2013%200%200%201-1.39-.068c-.437-.052-.832-.149-1.201-.337l-.004-.002l-.131-.07a3.75%203.75%200%200%201-1.587-1.737c-.17-.397-.248-.824-.287-1.302c-.043-.531-.043-1.187-.043-2V6.768c0-.813%200-1.469.043-2c.045-.546.14-1.026.366-1.47A3.75%203.75%200%200%201%203.466%201.58c.397-.17.824-.248%201.303-.287c.53-.043%201.186-.043%201.999-.043h8.979c.419%200%20.748%200%201.067.076c.28.067.548.179.794.33c.28.17.512.404.808.7l3.228%203.228c.297.296.53.528.7.808c.151.246.263.514.33.795c.076.318.076.647.076%201.066v8.98c0%20.812%200%201.468-.043%201.999c-.045.546-.14%201.026-.366%201.47a3.75%203.75%200%200%201-1.639%201.64c-.37.188-.766.285-1.205.338c-.413.05-.872.063-1.39.067q-.404.004-.875.003H6.768q-.472%200-.875-.003M17.25%2015.5v5.75H6.75V15.5c0-.69.56-1.25%201.25-1.25h8c.69%200%201.25.56%201.25%201.25M14.5%206.75a.75.75%200%200%201%200%201.5h-5a.75.75%200%200%201%200-1.5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/floppy2-filled.svg?color=%231a73e8&size=48
