document mention icon
document-mention-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- document-mention-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
document-100-16-filleddocument-add-16-filleddocument-arrow-down-16-filleddocument-arrow-down-off-20-filleddocument-arrow-left-16-filleddocument-arrow-right-16-filleddocument-arrow-up-16-filleddocument-autosave-24-regulardocument-border-20-filleddocument-border-print-20-filleddocument-briefcase-16-filleddocument-broken-20-filleddocument-bullet-list-16-filleddocument-bullet-list-arrow-left-16-filleddocument-bullet-list-clock-20-filleddocument-bullet-list-cube-16-filleddocument-bullet-list-multiple-20-filleddocument-bullet-list-off-20-filleddocument-catch-up-16-filleddocument-checkmark-16-filleddocument-chevron-double-20-filleddocument-code-16-filleddocument-contract-16-filleddocument-copy-16-filled
Use the document mention icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M12.25 4A4.25 4.25 0 0 0 8 8.25v16.433a12 12 0 0 1 2.5-.59V8.25c0-.966.784-1.75 1.75-1.75H24v8.75A3.75 3.75 0 0 0 27.75 19h9.75v20.75a1.75 1.75 0 0 1-1.75 1.75H22.472a5.99 5.99 0 0 1-4.637 1.998q.087.25.129.502H35.75A4.25 4.25 0 0 0 40 39.75V18.414a2.25 2.25 0 0 0-.659-1.59L27.177 4.658A2.25 2.25 0 0 0 25.586 4zm23.232 12.5H27.75c-.69 0-1.25-.56-1.25-1.25V7.518zM21.996 35.72C21.848 30.327 17.43 26 12 26C6.477 26 2 30.477 2 36s4.477 10 10 10c1.15 0 2.274-.194 3.337-.57a1 1 0 0 0-.668-1.886A8 8 0 1 1 20 36l.001 1.475l-.006.174A2 2 0 0 1 16 37.5V32l-.007-.117a1 1 0 0 0-1.979-.04A4.2 4.2 0 0 0 11.5 31C8.985 31 7 33.25 7 35.967s1.985 4.966 4.5 4.966c1.203 0 2.285-.515 3.085-1.349A4 4 0 0 0 22 37.525V36zM11.5 33l.15.005c1.274.091 2.333 1.34 2.35 2.924l-.005.221c-.08 1.576-1.194 2.783-2.495 2.783c-1.35 0-2.5-1.302-2.5-2.966S10.15 33 11.5 33"/></svg>
React
import type { SVGProps } from "react";
export function FluentDocumentMention48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M12.25 4A4.25 4.25 0 0 0 8 8.25v16.433a12 12 0 0 1 2.5-.59V8.25c0-.966.784-1.75 1.75-1.75H24v8.75A3.75 3.75 0 0 0 27.75 19h9.75v20.75a1.75 1.75 0 0 1-1.75 1.75H22.472a5.99 5.99 0 0 1-4.637 1.998q.087.25.129.502H35.75A4.25 4.25 0 0 0 40 39.75V18.414a2.25 2.25 0 0 0-.659-1.59L27.177 4.658A2.25 2.25 0 0 0 25.586 4zm23.232 12.5H27.75c-.69 0-1.25-.56-1.25-1.25V7.518zM21.996 35.72C21.848 30.327 17.43 26 12 26C6.477 26 2 30.477 2 36s4.477 10 10 10c1.15 0 2.274-.194 3.337-.57a1 1 0 0 0-.668-1.886A8 8 0 1 1 20 36l.001 1.475l-.006.174A2 2 0 0 1 16 37.5V32l-.007-.117a1 1 0 0 0-1.979-.04A4.2 4.2 0 0 0 11.5 31C8.985 31 7 33.25 7 35.967s1.985 4.966 4.5 4.966c1.203 0 2.285-.515 3.085-1.349A4 4 0 0 0 22 37.525V36zM11.5 33l.15.005c1.274.091 2.333 1.34 2.35 2.924l-.005.221c-.08 1.576-1.194 2.783-2.495 2.783c-1.35 0-2.5-1.302-2.5-2.966S10.15 33 11.5 33"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M12.25 4A4.25 4.25 0 0 0 8 8.25v16.433a12 12 0 0 1 2.5-.59V8.25c0-.966.784-1.75 1.75-1.75H24v8.75A3.75 3.75 0 0 0 27.75 19h9.75v20.75a1.75 1.75 0 0 1-1.75 1.75H22.472a5.99 5.99 0 0 1-4.637 1.998q.087.25.129.502H35.75A4.25 4.25 0 0 0 40 39.75V18.414a2.25 2.25 0 0 0-.659-1.59L27.177 4.658A2.25 2.25 0 0 0 25.586 4zm23.232 12.5H27.75c-.69 0-1.25-.56-1.25-1.25V7.518zM21.996 35.72C21.848 30.327 17.43 26 12 26C6.477 26 2 30.477 2 36s4.477 10 10 10c1.15 0 2.274-.194 3.337-.57a1 1 0 0 0-.668-1.886A8 8 0 1 1 20 36l.001 1.475l-.006.174A2 2 0 0 1 16 37.5V32l-.007-.117a1 1 0 0 0-1.979-.04A4.2 4.2 0 0 0 11.5 31C8.985 31 7 33.25 7 35.967s1.985 4.966 4.5 4.966c1.203 0 2.285-.515 3.085-1.349A4 4 0 0 0 22 37.525V36zM11.5 33l.15.005c1.274.091 2.333 1.34 2.35 2.924l-.005.221c-.08 1.576-1.194 2.783-2.495 2.783c-1.35 0-2.5-1.302-2.5-2.966S10.15 33 11.5 33"/></svg> </template>
CSS
.icon-document-mention-48-regular {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.25%204A4.25%204.25%200%200%200%208%208.25v16.433a12%2012%200%200%201%202.5-.59V8.25c0-.966.784-1.75%201.75-1.75H24v8.75A3.75%203.75%200%200%200%2027.75%2019h9.75v20.75a1.75%201.75%200%200%201-1.75%201.75H22.472a5.99%205.99%200%200%201-4.637%201.998q.087.25.129.502H35.75A4.25%204.25%200%200%200%2040%2039.75V18.414a2.25%202.25%200%200%200-.659-1.59L27.177%204.658A2.25%202.25%200%200%200%2025.586%204zm23.232%2012.5H27.75c-.69%200-1.25-.56-1.25-1.25V7.518zM21.996%2035.72C21.848%2030.327%2017.43%2026%2012%2026C6.477%2026%202%2030.477%202%2036s4.477%2010%2010%2010c1.15%200%202.274-.194%203.337-.57a1%201%200%200%200-.668-1.886A8%208%200%201%201%2020%2036l.001%201.475l-.006.174A2%202%200%200%201%2016%2037.5V32l-.007-.117a1%201%200%200%200-1.979-.04A4.2%204.2%200%200%200%2011.5%2031C8.985%2031%207%2033.25%207%2035.967s1.985%204.966%204.5%204.966c1.203%200%202.285-.515%203.085-1.349A4%204%200%200%200%2022%2037.525V36zM11.5%2033l.15.005c1.274.091%202.333%201.34%202.35%202.924l-.005.221c-.08%201.576-1.194%202.783-2.495%202.783c-1.35%200-2.5-1.302-2.5-2.966S10.15%2033%2011.5%2033%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.25%204A4.25%204.25%200%200%200%208%208.25v16.433a12%2012%200%200%201%202.5-.59V8.25c0-.966.784-1.75%201.75-1.75H24v8.75A3.75%203.75%200%200%200%2027.75%2019h9.75v20.75a1.75%201.75%200%200%201-1.75%201.75H22.472a5.99%205.99%200%200%201-4.637%201.998q.087.25.129.502H35.75A4.25%204.25%200%200%200%2040%2039.75V18.414a2.25%202.25%200%200%200-.659-1.59L27.177%204.658A2.25%202.25%200%200%200%2025.586%204zm23.232%2012.5H27.75c-.69%200-1.25-.56-1.25-1.25V7.518zM21.996%2035.72C21.848%2030.327%2017.43%2026%2012%2026C6.477%2026%202%2030.477%202%2036s4.477%2010%2010%2010c1.15%200%202.274-.194%203.337-.57a1%201%200%200%200-.668-1.886A8%208%200%201%201%2020%2036l.001%201.475l-.006.174A2%202%200%200%201%2016%2037.5V32l-.007-.117a1%201%200%200%200-1.979-.04A4.2%204.2%200%200%200%2011.5%2031C8.985%2031%207%2033.25%207%2035.967s1.985%204.966%204.5%204.966c1.203%200%202.285-.515%203.085-1.349A4%204%200%200%200%2022%2037.525V36zM11.5%2033l.15.005c1.274.091%202.333%201.34%202.35%202.924l-.005.221c-.08%201.576-1.194%202.783-2.495%202.783c-1.35%200-2.5-1.302-2.5-2.966S10.15%2033%2011.5%2033%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/document-mention-48-regular.svg?color=%231a73e8&size=48
