format section icon
format-section from Material Design Icons by Pictogrammers · Filled · Text / Content / Format · Apache-2.0 Free for personal and commercial use.
- Name
- format-section
- Set
- Material Design Icons
- Style
- Filled
- Category
- Text / Content / Format
- Viewbox
- 24×24
- License
- Apache 2.0
More text / content / format icons from Material Design Icons
align-horizontal-distributealign-vertical-distributeborder-allborder-all-variantborder-bottomborder-bottom-variantborder-horizontalborder-insideborder-leftborder-left-variantborder-noneborder-none-variantborder-outsideborder-radiusborder-rightborder-right-variantborder-styleborder-topborder-top-variantborder-verticalcaps-lockcontent-copycontent-pasteformat-align-bottom
Use the format section icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.67 4.42a6.1 6.1 0 0 0-3.22-.86c-1.58 0-2.79.78-2.79 2c0 1.4 1.34 1.91 3.34 2.58c2.5.81 4.4 1.83 4.4 4.24a4.01 4.01 0 0 1-1.8 3.23c.65.61 1.01 1.47 1 2.36c0 2.82-2.6 4-5.1 4c-1.46.06-2.91-.33-4.15-1.1L8 19.34c1.04.71 2.27 1.09 3.53 1.1c1.72 0 3-.78 3-2.2c0-1.24-.78-1.93-3.28-2.79C8.5 14.5 6.6 13.5 6.6 11.21c.07-1.32.83-2.52 2-3.14c-.63-.57-.99-1.4-1-2.26C7.6 3.45 9.77 2 12.53 2c1.29 0 2.56.29 3.7.89zm-4.32 9c1.06.33 2.09.76 3.06 1.29c.65-.49 1.02-1.26 1-2.07c0-1-.64-1.88-2.41-2.5c-1.11-.37-2.22-.83-3.28-1.37c-.75.45-1.22 1.26-1.22 2.14c0 .97.73 1.77 2.85 2.51"/></svg>
React
import type { SVGProps } from "react";
export function MdiFormatSection(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" d="M15.67 4.42a6.1 6.1 0 0 0-3.22-.86c-1.58 0-2.79.78-2.79 2c0 1.4 1.34 1.91 3.34 2.58c2.5.81 4.4 1.83 4.4 4.24a4.01 4.01 0 0 1-1.8 3.23c.65.61 1.01 1.47 1 2.36c0 2.82-2.6 4-5.1 4c-1.46.06-2.91-.33-4.15-1.1L8 19.34c1.04.71 2.27 1.09 3.53 1.1c1.72 0 3-.78 3-2.2c0-1.24-.78-1.93-3.28-2.79C8.5 14.5 6.6 13.5 6.6 11.21c.07-1.32.83-2.52 2-3.14c-.63-.57-.99-1.4-1-2.26C7.6 3.45 9.77 2 12.53 2c1.29 0 2.56.29 3.7.89zm-4.32 9c1.06.33 2.09.76 3.06 1.29c.65-.49 1.02-1.26 1-2.07c0-1-.64-1.88-2.41-2.5c-1.11-.37-2.22-.83-3.28-1.37c-.75.45-1.22 1.26-1.22 2.14c0 .97.73 1.77 2.85 2.51"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.67 4.42a6.1 6.1 0 0 0-3.22-.86c-1.58 0-2.79.78-2.79 2c0 1.4 1.34 1.91 3.34 2.58c2.5.81 4.4 1.83 4.4 4.24a4.01 4.01 0 0 1-1.8 3.23c.65.61 1.01 1.47 1 2.36c0 2.82-2.6 4-5.1 4c-1.46.06-2.91-.33-4.15-1.1L8 19.34c1.04.71 2.27 1.09 3.53 1.1c1.72 0 3-.78 3-2.2c0-1.24-.78-1.93-3.28-2.79C8.5 14.5 6.6 13.5 6.6 11.21c.07-1.32.83-2.52 2-3.14c-.63-.57-.99-1.4-1-2.26C7.6 3.45 9.77 2 12.53 2c1.29 0 2.56.29 3.7.89zm-4.32 9c1.06.33 2.09.76 3.06 1.29c.65-.49 1.02-1.26 1-2.07c0-1-.64-1.88-2.41-2.5c-1.11-.37-2.22-.83-3.28-1.37c-.75.45-1.22 1.26-1.22 2.14c0 .97.73 1.77 2.85 2.51"/></svg> </template>
CSS
.icon-format-section {
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%20d%3D%22M15.67%204.42a6.1%206.1%200%200%200-3.22-.86c-1.58%200-2.79.78-2.79%202c0%201.4%201.34%201.91%203.34%202.58c2.5.81%204.4%201.83%204.4%204.24a4.01%204.01%200%200%201-1.8%203.23c.65.61%201.01%201.47%201%202.36c0%202.82-2.6%204-5.1%204c-1.46.06-2.91-.33-4.15-1.1L8%2019.34c1.04.71%202.27%201.09%203.53%201.1c1.72%200%203-.78%203-2.2c0-1.24-.78-1.93-3.28-2.79C8.5%2014.5%206.6%2013.5%206.6%2011.21c.07-1.32.83-2.52%202-3.14c-.63-.57-.99-1.4-1-2.26C7.6%203.45%209.77%202%2012.53%202c1.29%200%202.56.29%203.7.89zm-4.32%209c1.06.33%202.09.76%203.06%201.29c.65-.49%201.02-1.26%201-2.07c0-1-.64-1.88-2.41-2.5c-1.11-.37-2.22-.83-3.28-1.37c-.75.45-1.22%201.26-1.22%202.14c0%20.97.73%201.77%202.85%202.51%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%20d%3D%22M15.67%204.42a6.1%206.1%200%200%200-3.22-.86c-1.58%200-2.79.78-2.79%202c0%201.4%201.34%201.91%203.34%202.58c2.5.81%204.4%201.83%204.4%204.24a4.01%204.01%200%200%201-1.8%203.23c.65.61%201.01%201.47%201%202.36c0%202.82-2.6%204-5.1%204c-1.46.06-2.91-.33-4.15-1.1L8%2019.34c1.04.71%202.27%201.09%203.53%201.1c1.72%200%203-.78%203-2.2c0-1.24-.78-1.93-3.28-2.79C8.5%2014.5%206.6%2013.5%206.6%2011.21c.07-1.32.83-2.52%202-3.14c-.63-.57-.99-1.4-1-2.26C7.6%203.45%209.77%202%2012.53%202c1.29%200%202.56.29%203.7.89zm-4.32%209c1.06.33%202.09.76%203.06%201.29c.65-.49%201.02-1.26%201-2.07c0-1-.64-1.88-2.41-2.5c-1.11-.37-2.22-.83-3.28-1.37c-.75.45-1.22%201.26-1.22%202.14c0%20.97.73%201.77%202.85%202.51%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/format-section.svg?color=%231a73e8&size=48
