line style sketch icon
line-style-sketch-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- line-style-sketch-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- 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.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5m7.747 5.476c.718.25 1.501.524 2.62.524c.975 0 1.716-.212 2.375-.4l.27-.076c.721-.2 1.412-.348 2.413-.196a.5.5 0 0 0 .15-.989c-1.2-.182-2.047.004-2.83.22l-.283.08c-.659.188-1.268.361-2.095.361c-.943 0-1.59-.224-2.302-.472l-.012-.004c-.718-.25-1.501-.524-2.62-.524c-1.118 0-1.901.273-2.62.524l-.011.004c-.712.248-1.36.472-2.302.472a.5.5 0 0 0 0 1c1.118 0 1.901-.273 2.62-.524l.011-.004c.712-.248 1.36-.472 2.302-.472c.943 0 1.59.224 2.302.472zm8.198 4.295a.5.5 0 0 0-.674-.216a6 6 0 0 1-.305.147c-.197.09-.472.21-.789.33c-.65.246-1.411.468-2.01.468c-.562 0-.951-.194-1.438-.445l-.02-.01c-.482-.248-1.06-.545-1.876-.545c-.809 0-1.417.292-1.927.538l-.024.011c-.524.253-.95.451-1.517.451c-.284 0-.443-.05-.545-.102c-.11-.056-.191-.13-.325-.259l-.012-.011a2.3 2.3 0 0 0-.553-.418c-.268-.135-.587-.21-.998-.21c-.812 0-1.507.291-1.986.567a5 5 0 0 0-.728.514l-.061.056l-.002.001a.5.5 0 1 0 .722.695a4 4 0 0 1 .568-.4c.39-.224.91-.433 1.487-.433c.285 0 .443.05.545.102c.11.056.191.13.326.259l.011.011c.126.121.302.29.554.418c.267.135.586.21.997.21c.809 0 1.417-.292 1.927-.538l.024-.011c.524-.253.95-.451 1.517-.451c.562 0 .951.194 1.438.445l.02.01c.482.248 1.06.545 1.876.545c.79 0 1.694-.278 2.365-.532a14 14 0 0 0 1.194-.522h.002a.5.5 0 0 0 .217-.675"/></svg>
React
import type { SVGProps } from "react";
export function FluentLineStyleSketch20Regular(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.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5m7.747 5.476c.718.25 1.501.524 2.62.524c.975 0 1.716-.212 2.375-.4l.27-.076c.721-.2 1.412-.348 2.413-.196a.5.5 0 0 0 .15-.989c-1.2-.182-2.047.004-2.83.22l-.283.08c-.659.188-1.268.361-2.095.361c-.943 0-1.59-.224-2.302-.472l-.012-.004c-.718-.25-1.501-.524-2.62-.524c-1.118 0-1.901.273-2.62.524l-.011.004c-.712.248-1.36.472-2.302.472a.5.5 0 0 0 0 1c1.118 0 1.901-.273 2.62-.524l.011-.004c.712-.248 1.36-.472 2.302-.472c.943 0 1.59.224 2.302.472zm8.198 4.295a.5.5 0 0 0-.674-.216a6 6 0 0 1-.305.147c-.197.09-.472.21-.789.33c-.65.246-1.411.468-2.01.468c-.562 0-.951-.194-1.438-.445l-.02-.01c-.482-.248-1.06-.545-1.876-.545c-.809 0-1.417.292-1.927.538l-.024.011c-.524.253-.95.451-1.517.451c-.284 0-.443-.05-.545-.102c-.11-.056-.191-.13-.325-.259l-.012-.011a2.3 2.3 0 0 0-.553-.418c-.268-.135-.587-.21-.998-.21c-.812 0-1.507.291-1.986.567a5 5 0 0 0-.728.514l-.061.056l-.002.001a.5.5 0 1 0 .722.695a4 4 0 0 1 .568-.4c.39-.224.91-.433 1.487-.433c.285 0 .443.05.545.102c.11.056.191.13.326.259l.011.011c.126.121.302.29.554.418c.267.135.586.21.997.21c.809 0 1.417-.292 1.927-.538l.024-.011c.524-.253.95-.451 1.517-.451c.562 0 .951.194 1.438.445l.02.01c.482.248 1.06.545 1.876.545c.79 0 1.694-.278 2.365-.532a14 14 0 0 0 1.194-.522h.002a.5.5 0 0 0 .217-.675"/></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.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5m7.747 5.476c.718.25 1.501.524 2.62.524c.975 0 1.716-.212 2.375-.4l.27-.076c.721-.2 1.412-.348 2.413-.196a.5.5 0 0 0 .15-.989c-1.2-.182-2.047.004-2.83.22l-.283.08c-.659.188-1.268.361-2.095.361c-.943 0-1.59-.224-2.302-.472l-.012-.004c-.718-.25-1.501-.524-2.62-.524c-1.118 0-1.901.273-2.62.524l-.011.004c-.712.248-1.36.472-2.302.472a.5.5 0 0 0 0 1c1.118 0 1.901-.273 2.62-.524l.011-.004c.712-.248 1.36-.472 2.302-.472c.943 0 1.59.224 2.302.472zm8.198 4.295a.5.5 0 0 0-.674-.216a6 6 0 0 1-.305.147c-.197.09-.472.21-.789.33c-.65.246-1.411.468-2.01.468c-.562 0-.951-.194-1.438-.445l-.02-.01c-.482-.248-1.06-.545-1.876-.545c-.809 0-1.417.292-1.927.538l-.024.011c-.524.253-.95.451-1.517.451c-.284 0-.443-.05-.545-.102c-.11-.056-.191-.13-.325-.259l-.012-.011a2.3 2.3 0 0 0-.553-.418c-.268-.135-.587-.21-.998-.21c-.812 0-1.507.291-1.986.567a5 5 0 0 0-.728.514l-.061.056l-.002.001a.5.5 0 1 0 .722.695a4 4 0 0 1 .568-.4c.39-.224.91-.433 1.487-.433c.285 0 .443.05.545.102c.11.056.191.13.326.259l.011.011c.126.121.302.29.554.418c.267.135.586.21.997.21c.809 0 1.417-.292 1.927-.538l.024-.011c.524-.253.95-.451 1.517-.451c.562 0 .951.194 1.438.445l.02.01c.482.248 1.06.545 1.876.545c.79 0 1.694-.278 2.365-.532a14 14 0 0 0 1.194-.522h.002a.5.5 0 0 0 .217-.675"/></svg> </template>
CSS
.icon-line-style-sketch-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%204.5a.5.5%200%200%201%20.5-.5h15a.5.5%200%200%201%200%201h-15a.5.5%200%200%201-.5-.5m7.747%205.476c.718.25%201.501.524%202.62.524c.975%200%201.716-.212%202.375-.4l.27-.076c.721-.2%201.412-.348%202.413-.196a.5.5%200%200%200%20.15-.989c-1.2-.182-2.047.004-2.83.22l-.283.08c-.659.188-1.268.361-2.095.361c-.943%200-1.59-.224-2.302-.472l-.012-.004c-.718-.25-1.501-.524-2.62-.524c-1.118%200-1.901.273-2.62.524l-.011.004c-.712.248-1.36.472-2.302.472a.5.5%200%200%200%200%201c1.118%200%201.901-.273%202.62-.524l.011-.004c.712-.248%201.36-.472%202.302-.472c.943%200%201.59.224%202.302.472zm8.198%204.295a.5.5%200%200%200-.674-.216a6%206%200%200%201-.305.147c-.197.09-.472.21-.789.33c-.65.246-1.411.468-2.01.468c-.562%200-.951-.194-1.438-.445l-.02-.01c-.482-.248-1.06-.545-1.876-.545c-.809%200-1.417.292-1.927.538l-.024.011c-.524.253-.95.451-1.517.451c-.284%200-.443-.05-.545-.102c-.11-.056-.191-.13-.325-.259l-.012-.011a2.3%202.3%200%200%200-.553-.418c-.268-.135-.587-.21-.998-.21c-.812%200-1.507.291-1.986.567a5%205%200%200%200-.728.514l-.061.056l-.002.001a.5.5%200%201%200%20.722.695a4%204%200%200%201%20.568-.4c.39-.224.91-.433%201.487-.433c.285%200%20.443.05.545.102c.11.056.191.13.326.259l.011.011c.126.121.302.29.554.418c.267.135.586.21.997.21c.809%200%201.417-.292%201.927-.538l.024-.011c.524-.253.95-.451%201.517-.451c.562%200%20.951.194%201.438.445l.02.01c.482.248%201.06.545%201.876.545c.79%200%201.694-.278%202.365-.532a14%2014%200%200%200%201.194-.522h.002a.5.5%200%200%200%20.217-.675%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.5a.5.5%200%200%201%20.5-.5h15a.5.5%200%200%201%200%201h-15a.5.5%200%200%201-.5-.5m7.747%205.476c.718.25%201.501.524%202.62.524c.975%200%201.716-.212%202.375-.4l.27-.076c.721-.2%201.412-.348%202.413-.196a.5.5%200%200%200%20.15-.989c-1.2-.182-2.047.004-2.83.22l-.283.08c-.659.188-1.268.361-2.095.361c-.943%200-1.59-.224-2.302-.472l-.012-.004c-.718-.25-1.501-.524-2.62-.524c-1.118%200-1.901.273-2.62.524l-.011.004c-.712.248-1.36.472-2.302.472a.5.5%200%200%200%200%201c1.118%200%201.901-.273%202.62-.524l.011-.004c.712-.248%201.36-.472%202.302-.472c.943%200%201.59.224%202.302.472zm8.198%204.295a.5.5%200%200%200-.674-.216a6%206%200%200%201-.305.147c-.197.09-.472.21-.789.33c-.65.246-1.411.468-2.01.468c-.562%200-.951-.194-1.438-.445l-.02-.01c-.482-.248-1.06-.545-1.876-.545c-.809%200-1.417.292-1.927.538l-.024.011c-.524.253-.95.451-1.517.451c-.284%200-.443-.05-.545-.102c-.11-.056-.191-.13-.325-.259l-.012-.011a2.3%202.3%200%200%200-.553-.418c-.268-.135-.587-.21-.998-.21c-.812%200-1.507.291-1.986.567a5%205%200%200%200-.728.514l-.061.056l-.002.001a.5.5%200%201%200%20.722.695a4%204%200%200%201%20.568-.4c.39-.224.91-.433%201.487-.433c.285%200%20.443.05.545.102c.11.056.191.13.326.259l.011.011c.126.121.302.29.554.418c.267.135.586.21.997.21c.809%200%201.417-.292%201.927-.538l.024-.011c.524-.253.95-.451%201.517-.451c.562%200%20.951.194%201.438.445l.02.01c.482.248%201.06.545%201.876.545c.79%200%201.694-.278%202.365-.532a14%2014%200%200%200%201.194-.522h.002a.5.5%200%200%200%20.217-.675%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-regular.svg?color=%231a73e8&size=48
