Document Footer Dismiss icon
Used to represent file type content styles and scenarios. The Document Footer Dismiss icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Document Footer Dismiss icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { DocumentFooterDismiss24Regular, DocumentFooterDismiss24Filled } from "@fluentui/react-icons";
export function Example() {
return <DocumentFooterDismiss24Regular aria-label="Document Footer Dismiss" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_document_footer_dismiss_24_regular.svg" width="24" height="24" alt="Document Footer Dismiss"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.001 6.5C23.001 9.53757 20.5385 12 17.501 12C14.4634 12 12.001 9.53757 12.001 6.5C12.001 3.46243 14.4634 1 17.501 1C20.5385 1 23.001 3.46243 23.001 6.5ZM15.8545 4.14645C15.6593 3.95118 15.3427 3.95118 15.1474 4.14645C14.9522 4.34171 14.9522 4.65829 15.1474 4.85355L16.7939 6.5L15.1474 8.14645C14.9522 8.34171 14.9522 8.65829 15.1474 8.85355C15.3427 9.04882 15.6593 9.04882 15.8545 8.85355L17.501 7.20711L19.1474 8.85355C19.3427 9.04882 19.6593 9.04882 19.8545 8.85355C20.0498 8.65829 20.0498 8.34171 19.8545 8.14645L18.2081 6.5L19.8545 4.85355C20.0498 4.65829 20.0498 4.34171 19.8545 4.14645C19.6593 3.95118 19.3427 3.95118 19.1474 4.14645L17.501 5.79289L15.8545 4.14645ZM18.496 19.7439V12.9244C19.0191 12.844 19.5217 12.7013 19.996 12.504V19.7439C19.996 20.9347 19.0708 21.9095 17.9 21.9887L17.746 21.9939H6.24609C5.05523 21.9939 4.08045 21.0687 4.00128 19.8979L3.99609 19.7439V4.24582C3.99609 3.05496 4.92126 2.08017 6.09204 2.00101L6.24609 1.99582H12.8148C12.3878 2.43998 12.0234 2.9447 11.7356 3.49582H6.24609C5.8664 3.49582 5.5526 3.77797 5.50294 4.14405L5.49609 4.24582V19.7439C5.49609 20.1236 5.77825 20.4374 6.14432 20.487L6.24609 20.4939H17.746C18.1257 20.4939 18.4395 20.2117 18.4891 19.8457L18.496 19.7439ZM8.50122 16C7.67279 16 7.00122 16.6716 7.00122 17.5C7.00122 18.3284 7.67279 19 8.50122 19H15.5012C16.3296 19 17.0012 18.3284 17.0012 17.5C17.0012 16.6716 16.3296 16 15.5012 16H8.50122Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/document_footer_dismiss_24_regular.svg";Details
| Name | Document Footer Dismiss |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_document_footer_dismiss_24_regular.svg |
| Filled file | ic_fluent_document_footer_dismiss_24_filled.svg |
| React components | DocumentFooterDismiss24Regular, DocumentFooterDismiss24Filled |
| License | MIT (© Microsoft Corporation) |