line style sketch icon
line-style-sketch-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- line-style-sketch-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- 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 20 20"><path fill="currentColor" d="M2 4.75A.75.75 0 0 1 2.75 4h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75m2.898 4.288c.695-.25 1.49-.538 2.62-.538s1.927.287 2.622.538l.018.007c.686.247 1.272.455 2.13.455c.757 0 1.307-.162 1.944-.349l.278-.08c.774-.222 1.639-.42 2.856-.229a.75.75 0 1 1-.232 1.482c-.91-.142-1.532-.006-2.21.189l-.258.075c-.637.189-1.392.412-2.378.412c-1.13 0-1.926-.287-2.621-.538l-.018-.006C8.963 10.208 8.377 10 7.519 10s-1.444.208-2.13.456l-.018.006c-.695.25-1.49.538-2.621.538a.75.75 0 0 1 0-1.5c.858 0 1.444-.208 2.13-.455zm13.014 5.36a.75.75 0 0 0-1.014-.31l-.07.036q-.075.038-.215.105c-.185.088-.445.206-.744.323c-.622.244-1.318.448-1.841.448c-.466 0-.787-.16-1.259-.412l-.029-.015c-.464-.248-1.075-.573-1.934-.573c-.85 0-1.487.318-1.977.562l-.034.017c-.51.254-.868.421-1.342.421c-.237 0-.344-.043-.397-.07c-.065-.035-.118-.081-.25-.213l-.016-.014a2.4 2.4 0 0 0-.595-.46c-.304-.16-.66-.243-1.094-.243c-.854 0-1.576.316-2.063.605a5 5 0 0 0-.745.546l-.068.063l-.002.002l-.001.001a.75.75 0 0 0 1.054 1.068q.06-.057.125-.109c.093-.075.232-.178.405-.281c.353-.211.807-.395 1.295-.395c.237 0 .344.043.397.07c.065.035.118.081.25.213l.016.014c.12.12.315.314.595.46c.305.16.66.243 1.094.243c.849 0 1.487-.318 1.976-.562l.034-.017c.511-.254.868-.421 1.343-.421c.465 0 .786.16 1.258.412l.03.015c.463.248 1.074.573 1.934.573c.82 0 1.735-.296 2.388-.552a13 13 0 0 0 1.186-.536a.75.75 0 0 0 .31-1.014"/></svg>
React
import type { SVGProps } from "react";
export function FluentLineStyleSketch20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2 4.75A.75.75 0 0 1 2.75 4h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75m2.898 4.288c.695-.25 1.49-.538 2.62-.538s1.927.287 2.622.538l.018.007c.686.247 1.272.455 2.13.455c.757 0 1.307-.162 1.944-.349l.278-.08c.774-.222 1.639-.42 2.856-.229a.75.75 0 1 1-.232 1.482c-.91-.142-1.532-.006-2.21.189l-.258.075c-.637.189-1.392.412-2.378.412c-1.13 0-1.926-.287-2.621-.538l-.018-.006C8.963 10.208 8.377 10 7.519 10s-1.444.208-2.13.456l-.018.006c-.695.25-1.49.538-2.621.538a.75.75 0 0 1 0-1.5c.858 0 1.444-.208 2.13-.455zm13.014 5.36a.75.75 0 0 0-1.014-.31l-.07.036q-.075.038-.215.105c-.185.088-.445.206-.744.323c-.622.244-1.318.448-1.841.448c-.466 0-.787-.16-1.259-.412l-.029-.015c-.464-.248-1.075-.573-1.934-.573c-.85 0-1.487.318-1.977.562l-.034.017c-.51.254-.868.421-1.342.421c-.237 0-.344-.043-.397-.07c-.065-.035-.118-.081-.25-.213l-.016-.014a2.4 2.4 0 0 0-.595-.46c-.304-.16-.66-.243-1.094-.243c-.854 0-1.576.316-2.063.605a5 5 0 0 0-.745.546l-.068.063l-.002.002l-.001.001a.75.75 0 0 0 1.054 1.068q.06-.057.125-.109c.093-.075.232-.178.405-.281c.353-.211.807-.395 1.295-.395c.237 0 .344.043.397.07c.065.035.118.081.25.213l.016.014c.12.12.315.314.595.46c.305.16.66.243 1.094.243c.849 0 1.487-.318 1.976-.562l.034-.017c.511-.254.868-.421 1.343-.421c.465 0 .786.16 1.258.412l.03.015c.463.248 1.074.573 1.934.573c.82 0 1.735-.296 2.388-.552a13 13 0 0 0 1.186-.536a.75.75 0 0 0 .31-1.014"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2 4.75A.75.75 0 0 1 2.75 4h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75m2.898 4.288c.695-.25 1.49-.538 2.62-.538s1.927.287 2.622.538l.018.007c.686.247 1.272.455 2.13.455c.757 0 1.307-.162 1.944-.349l.278-.08c.774-.222 1.639-.42 2.856-.229a.75.75 0 1 1-.232 1.482c-.91-.142-1.532-.006-2.21.189l-.258.075c-.637.189-1.392.412-2.378.412c-1.13 0-1.926-.287-2.621-.538l-.018-.006C8.963 10.208 8.377 10 7.519 10s-1.444.208-2.13.456l-.018.006c-.695.25-1.49.538-2.621.538a.75.75 0 0 1 0-1.5c.858 0 1.444-.208 2.13-.455zm13.014 5.36a.75.75 0 0 0-1.014-.31l-.07.036q-.075.038-.215.105c-.185.088-.445.206-.744.323c-.622.244-1.318.448-1.841.448c-.466 0-.787-.16-1.259-.412l-.029-.015c-.464-.248-1.075-.573-1.934-.573c-.85 0-1.487.318-1.977.562l-.034.017c-.51.254-.868.421-1.342.421c-.237 0-.344-.043-.397-.07c-.065-.035-.118-.081-.25-.213l-.016-.014a2.4 2.4 0 0 0-.595-.46c-.304-.16-.66-.243-1.094-.243c-.854 0-1.576.316-2.063.605a5 5 0 0 0-.745.546l-.068.063l-.002.002l-.001.001a.75.75 0 0 0 1.054 1.068q.06-.057.125-.109c.093-.075.232-.178.405-.281c.353-.211.807-.395 1.295-.395c.237 0 .344.043.397.07c.065.035.118.081.25.213l.016.014c.12.12.315.314.595.46c.305.16.66.243 1.094.243c.849 0 1.487-.318 1.976-.562l.034-.017c.511-.254.868-.421 1.343-.421c.465 0 .786.16 1.258.412l.03.015c.463.248 1.074.573 1.934.573c.82 0 1.735-.296 2.388-.552a13 13 0 0 0 1.186-.536a.75.75 0 0 0 .31-1.014"/></svg> </template>
CSS
.icon-line-style-sketch-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%204.75A.75.75%200%200%201%202.75%204h14.5a.75.75%200%200%201%200%201.5H2.75A.75.75%200%200%201%202%204.75m2.898%204.288c.695-.25%201.49-.538%202.62-.538s1.927.287%202.622.538l.018.007c.686.247%201.272.455%202.13.455c.757%200%201.307-.162%201.944-.349l.278-.08c.774-.222%201.639-.42%202.856-.229a.75.75%200%201%201-.232%201.482c-.91-.142-1.532-.006-2.21.189l-.258.075c-.637.189-1.392.412-2.378.412c-1.13%200-1.926-.287-2.621-.538l-.018-.006C8.963%2010.208%208.377%2010%207.519%2010s-1.444.208-2.13.456l-.018.006c-.695.25-1.49.538-2.621.538a.75.75%200%200%201%200-1.5c.858%200%201.444-.208%202.13-.455zm13.014%205.36a.75.75%200%200%200-1.014-.31l-.07.036q-.075.038-.215.105c-.185.088-.445.206-.744.323c-.622.244-1.318.448-1.841.448c-.466%200-.787-.16-1.259-.412l-.029-.015c-.464-.248-1.075-.573-1.934-.573c-.85%200-1.487.318-1.977.562l-.034.017c-.51.254-.868.421-1.342.421c-.237%200-.344-.043-.397-.07c-.065-.035-.118-.081-.25-.213l-.016-.014a2.4%202.4%200%200%200-.595-.46c-.304-.16-.66-.243-1.094-.243c-.854%200-1.576.316-2.063.605a5%205%200%200%200-.745.546l-.068.063l-.002.002l-.001.001a.75.75%200%200%200%201.054%201.068q.06-.057.125-.109c.093-.075.232-.178.405-.281c.353-.211.807-.395%201.295-.395c.237%200%20.344.043.397.07c.065.035.118.081.25.213l.016.014c.12.12.315.314.595.46c.305.16.66.243%201.094.243c.849%200%201.487-.318%201.976-.562l.034-.017c.511-.254.868-.421%201.343-.421c.465%200%20.786.16%201.258.412l.03.015c.463.248%201.074.573%201.934.573c.82%200%201.735-.296%202.388-.552a13%2013%200%200%200%201.186-.536a.75.75%200%200%200%20.31-1.014%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%204.75A.75.75%200%200%201%202.75%204h14.5a.75.75%200%200%201%200%201.5H2.75A.75.75%200%200%201%202%204.75m2.898%204.288c.695-.25%201.49-.538%202.62-.538s1.927.287%202.622.538l.018.007c.686.247%201.272.455%202.13.455c.757%200%201.307-.162%201.944-.349l.278-.08c.774-.222%201.639-.42%202.856-.229a.75.75%200%201%201-.232%201.482c-.91-.142-1.532-.006-2.21.189l-.258.075c-.637.189-1.392.412-2.378.412c-1.13%200-1.926-.287-2.621-.538l-.018-.006C8.963%2010.208%208.377%2010%207.519%2010s-1.444.208-2.13.456l-.018.006c-.695.25-1.49.538-2.621.538a.75.75%200%200%201%200-1.5c.858%200%201.444-.208%202.13-.455zm13.014%205.36a.75.75%200%200%200-1.014-.31l-.07.036q-.075.038-.215.105c-.185.088-.445.206-.744.323c-.622.244-1.318.448-1.841.448c-.466%200-.787-.16-1.259-.412l-.029-.015c-.464-.248-1.075-.573-1.934-.573c-.85%200-1.487.318-1.977.562l-.034.017c-.51.254-.868.421-1.342.421c-.237%200-.344-.043-.397-.07c-.065-.035-.118-.081-.25-.213l-.016-.014a2.4%202.4%200%200%200-.595-.46c-.304-.16-.66-.243-1.094-.243c-.854%200-1.576.316-2.063.605a5%205%200%200%200-.745.546l-.068.063l-.002.002l-.001.001a.75.75%200%200%200%201.054%201.068q.06-.057.125-.109c.093-.075.232-.178.405-.281c.353-.211.807-.395%201.295-.395c.237%200%20.344.043.397.07c.065.035.118.081.25.213l.016.014c.12.12.315.314.595.46c.305.16.66.243%201.094.243c.849%200%201.487-.318%201.976-.562l.034-.017c.511-.254.868-.421%201.343-.421c.465%200%20.786.16%201.258.412l.03.015c.463.248%201.074.573%201.934.573c.82%200%201.735-.296%202.388-.552a13%2013%200%200%200%201.186-.536a.75.75%200%200%200%20.31-1.014%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-20-filled.svg?color=%231a73e8&size=48
