line style sketch icon
line-style-sketch-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- line-style-sketch-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
line-dashes-20-filledline-flow-diagonal-up-right-16-filledline-horizontal-1-16-filledline-horizontal-1-dash-dot-dash-20-filledline-horizontal-1-dashes-16-filledline-horizontal-1-dot-20-filledline-horizontal-2-dashes-solid-16-filledline-horizontal-3-16-filledline-horizontal-4-16-filledline-horizontal-4-search-16-filledline-horizontal-5-20-filledline-horizontal-5-error-20-filledline-style-20-filledline-thickness-20-filled
Use the line style sketch icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M2 6a1 1 0 0 1 1-1h21.997a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1m11.46 7.92c1.045.498 2.269 1.08 4.011 1.08c1.522 0 2.687-.455 3.651-.832l.388-.15c1.028-.388 1.945-.65 3.288-.372a1 1 0 0 0 .404-1.959c-1.883-.389-3.223.016-4.4.461l-.422.162c-.97.375-1.785.69-2.909.69c-1.27 0-2.14-.405-3.188-.903l-.035-.017C13.2 11.582 11.978 11 10.236 11c-1.743 0-2.966.582-4.012 1.08l-.036.017C5.14 12.595 4.27 13 3 13a1 1 0 1 0 0 2c1.742 0 2.966-.582 4.012-1.08l.035-.017C8.095 13.405 8.966 13 10.236 13s2.14.405 3.188.903zM2.391 22.794a1 1 0 0 0 1.402-.186l.042-.052c.036-.042.091-.107.165-.186c.15-.159.367-.372.636-.583c.558-.438 1.234-.787 1.93-.787c.329 0 .476.075.562.135c.121.084.223.205.428.473l.023.03c.179.234.453.593.855.872c.456.315 1.01.49 1.7.49c1.32 0 2.303-.645 3.029-1.122l.063-.042c.793-.52 1.317-.836 1.995-.836c.664 0 1.134.302 1.87.819l.057.04c.685.48 1.625 1.141 2.962 1.141c1.277 0 2.685-.604 3.668-1.112a18 18 0 0 0 1.795-1.069a1 1 0 0 0-1.148-1.638l-.107.073a16 16 0 0 1-1.458.857c-.953.493-1.99.889-2.75.889c-.663 0-1.134-.302-1.87-.819l-.057-.04C17.5 19.662 16.56 19 15.222 19c-1.32 0-2.302.645-3.028 1.122l-.064.042c-.792.52-1.316.836-1.995.836c-.328 0-.475-.075-.561-.135c-.121-.084-.223-.205-.428-.473l-.024-.03c-.178-.234-.452-.593-.855-.872c-.455-.315-1.009-.49-1.7-.49c-1.34 0-2.448.651-3.165 1.213a7.7 7.7 0 0 0-1.099 1.059l-.095.118l-.001.001l-.001.001a1 1 0 0 0 .186 1.402"/></svg>
React
import type { SVGProps } from "react";
export function FluentLineStyleSketch28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M2 6a1 1 0 0 1 1-1h21.997a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1m11.46 7.92c1.045.498 2.269 1.08 4.011 1.08c1.522 0 2.687-.455 3.651-.832l.388-.15c1.028-.388 1.945-.65 3.288-.372a1 1 0 0 0 .404-1.959c-1.883-.389-3.223.016-4.4.461l-.422.162c-.97.375-1.785.69-2.909.69c-1.27 0-2.14-.405-3.188-.903l-.035-.017C13.2 11.582 11.978 11 10.236 11c-1.743 0-2.966.582-4.012 1.08l-.036.017C5.14 12.595 4.27 13 3 13a1 1 0 1 0 0 2c1.742 0 2.966-.582 4.012-1.08l.035-.017C8.095 13.405 8.966 13 10.236 13s2.14.405 3.188.903zM2.391 22.794a1 1 0 0 0 1.402-.186l.042-.052c.036-.042.091-.107.165-.186c.15-.159.367-.372.636-.583c.558-.438 1.234-.787 1.93-.787c.329 0 .476.075.562.135c.121.084.223.205.428.473l.023.03c.179.234.453.593.855.872c.456.315 1.01.49 1.7.49c1.32 0 2.303-.645 3.029-1.122l.063-.042c.793-.52 1.317-.836 1.995-.836c.664 0 1.134.302 1.87.819l.057.04c.685.48 1.625 1.141 2.962 1.141c1.277 0 2.685-.604 3.668-1.112a18 18 0 0 0 1.795-1.069a1 1 0 0 0-1.148-1.638l-.107.073a16 16 0 0 1-1.458.857c-.953.493-1.99.889-2.75.889c-.663 0-1.134-.302-1.87-.819l-.057-.04C17.5 19.662 16.56 19 15.222 19c-1.32 0-2.302.645-3.028 1.122l-.064.042c-.792.52-1.316.836-1.995.836c-.328 0-.475-.075-.561-.135c-.121-.084-.223-.205-.428-.473l-.024-.03c-.178-.234-.452-.593-.855-.872c-.455-.315-1.009-.49-1.7-.49c-1.34 0-2.448.651-3.165 1.213a7.7 7.7 0 0 0-1.099 1.059l-.095.118l-.001.001l-.001.001a1 1 0 0 0 .186 1.402"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M2 6a1 1 0 0 1 1-1h21.997a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1m11.46 7.92c1.045.498 2.269 1.08 4.011 1.08c1.522 0 2.687-.455 3.651-.832l.388-.15c1.028-.388 1.945-.65 3.288-.372a1 1 0 0 0 .404-1.959c-1.883-.389-3.223.016-4.4.461l-.422.162c-.97.375-1.785.69-2.909.69c-1.27 0-2.14-.405-3.188-.903l-.035-.017C13.2 11.582 11.978 11 10.236 11c-1.743 0-2.966.582-4.012 1.08l-.036.017C5.14 12.595 4.27 13 3 13a1 1 0 1 0 0 2c1.742 0 2.966-.582 4.012-1.08l.035-.017C8.095 13.405 8.966 13 10.236 13s2.14.405 3.188.903zM2.391 22.794a1 1 0 0 0 1.402-.186l.042-.052c.036-.042.091-.107.165-.186c.15-.159.367-.372.636-.583c.558-.438 1.234-.787 1.93-.787c.329 0 .476.075.562.135c.121.084.223.205.428.473l.023.03c.179.234.453.593.855.872c.456.315 1.01.49 1.7.49c1.32 0 2.303-.645 3.029-1.122l.063-.042c.793-.52 1.317-.836 1.995-.836c.664 0 1.134.302 1.87.819l.057.04c.685.48 1.625 1.141 2.962 1.141c1.277 0 2.685-.604 3.668-1.112a18 18 0 0 0 1.795-1.069a1 1 0 0 0-1.148-1.638l-.107.073a16 16 0 0 1-1.458.857c-.953.493-1.99.889-2.75.889c-.663 0-1.134-.302-1.87-.819l-.057-.04C17.5 19.662 16.56 19 15.222 19c-1.32 0-2.302.645-3.028 1.122l-.064.042c-.792.52-1.316.836-1.995.836c-.328 0-.475-.075-.561-.135c-.121-.084-.223-.205-.428-.473l-.024-.03c-.178-.234-.452-.593-.855-.872c-.455-.315-1.009-.49-1.7-.49c-1.34 0-2.448.651-3.165 1.213a7.7 7.7 0 0 0-1.099 1.059l-.095.118l-.001.001l-.001.001a1 1 0 0 0 .186 1.402"/></svg> </template>
CSS
.icon-line-style-sketch-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%206a1%201%200%200%201%201-1h21.997a1%201%200%200%201%200%202H3a1%201%200%200%201-1-1m11.46%207.92c1.045.498%202.269%201.08%204.011%201.08c1.522%200%202.687-.455%203.651-.832l.388-.15c1.028-.388%201.945-.65%203.288-.372a1%201%200%200%200%20.404-1.959c-1.883-.389-3.223.016-4.4.461l-.422.162c-.97.375-1.785.69-2.909.69c-1.27%200-2.14-.405-3.188-.903l-.035-.017C13.2%2011.582%2011.978%2011%2010.236%2011c-1.743%200-2.966.582-4.012%201.08l-.036.017C5.14%2012.595%204.27%2013%203%2013a1%201%200%201%200%200%202c1.742%200%202.966-.582%204.012-1.08l.035-.017C8.095%2013.405%208.966%2013%2010.236%2013s2.14.405%203.188.903zM2.391%2022.794a1%201%200%200%200%201.402-.186l.042-.052c.036-.042.091-.107.165-.186c.15-.159.367-.372.636-.583c.558-.438%201.234-.787%201.93-.787c.329%200%20.476.075.562.135c.121.084.223.205.428.473l.023.03c.179.234.453.593.855.872c.456.315%201.01.49%201.7.49c1.32%200%202.303-.645%203.029-1.122l.063-.042c.793-.52%201.317-.836%201.995-.836c.664%200%201.134.302%201.87.819l.057.04c.685.48%201.625%201.141%202.962%201.141c1.277%200%202.685-.604%203.668-1.112a18%2018%200%200%200%201.795-1.069a1%201%200%200%200-1.148-1.638l-.107.073a16%2016%200%200%201-1.458.857c-.953.493-1.99.889-2.75.889c-.663%200-1.134-.302-1.87-.819l-.057-.04C17.5%2019.662%2016.56%2019%2015.222%2019c-1.32%200-2.302.645-3.028%201.122l-.064.042c-.792.52-1.316.836-1.995.836c-.328%200-.475-.075-.561-.135c-.121-.084-.223-.205-.428-.473l-.024-.03c-.178-.234-.452-.593-.855-.872c-.455-.315-1.009-.49-1.7-.49c-1.34%200-2.448.651-3.165%201.213a7.7%207.7%200%200%200-1.099%201.059l-.095.118l-.001.001l-.001.001a1%201%200%200%200%20.186%201.402%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%206a1%201%200%200%201%201-1h21.997a1%201%200%200%201%200%202H3a1%201%200%200%201-1-1m11.46%207.92c1.045.498%202.269%201.08%204.011%201.08c1.522%200%202.687-.455%203.651-.832l.388-.15c1.028-.388%201.945-.65%203.288-.372a1%201%200%200%200%20.404-1.959c-1.883-.389-3.223.016-4.4.461l-.422.162c-.97.375-1.785.69-2.909.69c-1.27%200-2.14-.405-3.188-.903l-.035-.017C13.2%2011.582%2011.978%2011%2010.236%2011c-1.743%200-2.966.582-4.012%201.08l-.036.017C5.14%2012.595%204.27%2013%203%2013a1%201%200%201%200%200%202c1.742%200%202.966-.582%204.012-1.08l.035-.017C8.095%2013.405%208.966%2013%2010.236%2013s2.14.405%203.188.903zM2.391%2022.794a1%201%200%200%200%201.402-.186l.042-.052c.036-.042.091-.107.165-.186c.15-.159.367-.372.636-.583c.558-.438%201.234-.787%201.93-.787c.329%200%20.476.075.562.135c.121.084.223.205.428.473l.023.03c.179.234.453.593.855.872c.456.315%201.01.49%201.7.49c1.32%200%202.303-.645%203.029-1.122l.063-.042c.793-.52%201.317-.836%201.995-.836c.664%200%201.134.302%201.87.819l.057.04c.685.48%201.625%201.141%202.962%201.141c1.277%200%202.685-.604%203.668-1.112a18%2018%200%200%200%201.795-1.069a1%201%200%200%200-1.148-1.638l-.107.073a16%2016%200%200%201-1.458.857c-.953.493-1.99.889-2.75.889c-.663%200-1.134-.302-1.87-.819l-.057-.04C17.5%2019.662%2016.56%2019%2015.222%2019c-1.32%200-2.302.645-3.028%201.122l-.064.042c-.792.52-1.316.836-1.995.836c-.328%200-.475-.075-.561-.135c-.121-.084-.223-.205-.428-.473l-.024-.03c-.178-.234-.452-.593-.855-.872c-.455-.315-1.009-.49-1.7-.49c-1.34%200-2.448.651-3.165%201.213a7.7%207.7%200%200%200-1.099%201.059l-.095.118l-.001.001l-.001.001a1%201%200%200%200%20.186%201.402%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/line-style-sketch-28-filled.svg?color=%231a73e8&size=48
