line style sketch icon
line-style-sketch-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- line-style-sketch-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M1 3.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m6.74 4.47c.622.25 1.318.53 2.311.53c.866 0 1.527-.218 2.098-.406l.232-.076c.617-.198 1.194-.339 2.033-.192a.5.5 0 1 0 .172-.985c-1.068-.187-1.824.005-2.51.224l-.247.08c-.572.188-1.081.355-1.778.355c-.791 0-1.334-.215-1.95-.464l-.015-.006c-.621-.25-1.318-.53-2.31-.53c-.993 0-1.69.28-2.31.53l-.015.006c-.617.249-1.16.464-1.951.464a.5.5 0 0 0 0 1c.993 0 1.689-.28 2.31-.53l.015-.006c.617-.249 1.16-.464 1.95-.464c.792 0 1.334.215 1.952.464zm-6.575 4.9a.5.5 0 0 0 .706-.034q.06-.064.125-.122c.089-.08.22-.189.383-.298c.333-.22.763-.416 1.23-.416c.226 0 .342.046.414.088c.084.049.15.116.268.247l.012.014c.108.119.265.293.492.426c.249.146.546.225.921.225c.732 0 1.28-.305 1.718-.547l.028-.016c.46-.255.804-.437 1.26-.437c.45 0 .763.177 1.19.43l.023.014c.413.245.936.556 1.676.556c.712 0 1.515-.288 2.096-.542a11 11 0 0 0 1.047-.527a.501.501 0 0 0-.51-.861a5 5 0 0 1-.26.144c-.169.09-.406.21-.677.328c-.562.246-1.204.458-1.696.458c-.45 0-.763-.177-1.19-.43l-.023-.014C9.985 11.31 9.462 11 8.722 11c-.732 0-1.28.305-1.718.547l-.027.016c-.46.255-.804.437-1.26.437c-.227 0-.344-.046-.416-.088c-.084-.049-.15-.116-.268-.247l-.012-.014a2 2 0 0 0-.492-.426c-.248-.146-.545-.225-.92-.225c-.74 0-1.363.305-1.783.584a4.3 4.3 0 0 0-.697.58a.5.5 0 0 0 .036.707"/></svg>
React
import type { SVGProps } from "react";
export function FluentLineStyleSketch16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1 3.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m6.74 4.47c.622.25 1.318.53 2.311.53c.866 0 1.527-.218 2.098-.406l.232-.076c.617-.198 1.194-.339 2.033-.192a.5.5 0 1 0 .172-.985c-1.068-.187-1.824.005-2.51.224l-.247.08c-.572.188-1.081.355-1.778.355c-.791 0-1.334-.215-1.95-.464l-.015-.006c-.621-.25-1.318-.53-2.31-.53c-.993 0-1.69.28-2.31.53l-.015.006c-.617.249-1.16.464-1.951.464a.5.5 0 0 0 0 1c.993 0 1.689-.28 2.31-.53l.015-.006c.617-.249 1.16-.464 1.95-.464c.792 0 1.334.215 1.952.464zm-6.575 4.9a.5.5 0 0 0 .706-.034q.06-.064.125-.122c.089-.08.22-.189.383-.298c.333-.22.763-.416 1.23-.416c.226 0 .342.046.414.088c.084.049.15.116.268.247l.012.014c.108.119.265.293.492.426c.249.146.546.225.921.225c.732 0 1.28-.305 1.718-.547l.028-.016c.46-.255.804-.437 1.26-.437c.45 0 .763.177 1.19.43l.023.014c.413.245.936.556 1.676.556c.712 0 1.515-.288 2.096-.542a11 11 0 0 0 1.047-.527a.501.501 0 0 0-.51-.861a5 5 0 0 1-.26.144c-.169.09-.406.21-.677.328c-.562.246-1.204.458-1.696.458c-.45 0-.763-.177-1.19-.43l-.023-.014C9.985 11.31 9.462 11 8.722 11c-.732 0-1.28.305-1.718.547l-.027.016c-.46.255-.804.437-1.26.437c-.227 0-.344-.046-.416-.088c-.084-.049-.15-.116-.268-.247l-.012-.014a2 2 0 0 0-.492-.426c-.248-.146-.545-.225-.92-.225c-.74 0-1.363.305-1.783.584a4.3 4.3 0 0 0-.697.58a.5.5 0 0 0 .036.707"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M1 3.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5m6.74 4.47c.622.25 1.318.53 2.311.53c.866 0 1.527-.218 2.098-.406l.232-.076c.617-.198 1.194-.339 2.033-.192a.5.5 0 1 0 .172-.985c-1.068-.187-1.824.005-2.51.224l-.247.08c-.572.188-1.081.355-1.778.355c-.791 0-1.334-.215-1.95-.464l-.015-.006c-.621-.25-1.318-.53-2.31-.53c-.993 0-1.69.28-2.31.53l-.015.006c-.617.249-1.16.464-1.951.464a.5.5 0 0 0 0 1c.993 0 1.689-.28 2.31-.53l.015-.006c.617-.249 1.16-.464 1.95-.464c.792 0 1.334.215 1.952.464zm-6.575 4.9a.5.5 0 0 0 .706-.034q.06-.064.125-.122c.089-.08.22-.189.383-.298c.333-.22.763-.416 1.23-.416c.226 0 .342.046.414.088c.084.049.15.116.268.247l.012.014c.108.119.265.293.492.426c.249.146.546.225.921.225c.732 0 1.28-.305 1.718-.547l.028-.016c.46-.255.804-.437 1.26-.437c.45 0 .763.177 1.19.43l.023.014c.413.245.936.556 1.676.556c.712 0 1.515-.288 2.096-.542a11 11 0 0 0 1.047-.527a.501.501 0 0 0-.51-.861a5 5 0 0 1-.26.144c-.169.09-.406.21-.677.328c-.562.246-1.204.458-1.696.458c-.45 0-.763-.177-1.19-.43l-.023-.014C9.985 11.31 9.462 11 8.722 11c-.732 0-1.28.305-1.718.547l-.027.016c-.46.255-.804.437-1.26.437c-.227 0-.344-.046-.416-.088c-.084-.049-.15-.116-.268-.247l-.012-.014a2 2 0 0 0-.492-.426c-.248-.146-.545-.225-.92-.225c-.74 0-1.363.305-1.783.584a4.3 4.3 0 0 0-.697.58a.5.5 0 0 0 .036.707"/></svg> </template>
CSS
.icon-line-style-sketch-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%203.5a.5.5%200%200%201%20.5-.5h13a.5.5%200%200%201%200%201h-13a.5.5%200%200%201-.5-.5m6.74%204.47c.622.25%201.318.53%202.311.53c.866%200%201.527-.218%202.098-.406l.232-.076c.617-.198%201.194-.339%202.033-.192a.5.5%200%201%200%20.172-.985c-1.068-.187-1.824.005-2.51.224l-.247.08c-.572.188-1.081.355-1.778.355c-.791%200-1.334-.215-1.95-.464l-.015-.006c-.621-.25-1.318-.53-2.31-.53c-.993%200-1.69.28-2.31.53l-.015.006c-.617.249-1.16.464-1.951.464a.5.5%200%200%200%200%201c.993%200%201.689-.28%202.31-.53l.015-.006c.617-.249%201.16-.464%201.95-.464c.792%200%201.334.215%201.952.464zm-6.575%204.9a.5.5%200%200%200%20.706-.034q.06-.064.125-.122c.089-.08.22-.189.383-.298c.333-.22.763-.416%201.23-.416c.226%200%20.342.046.414.088c.084.049.15.116.268.247l.012.014c.108.119.265.293.492.426c.249.146.546.225.921.225c.732%200%201.28-.305%201.718-.547l.028-.016c.46-.255.804-.437%201.26-.437c.45%200%20.763.177%201.19.43l.023.014c.413.245.936.556%201.676.556c.712%200%201.515-.288%202.096-.542a11%2011%200%200%200%201.047-.527a.501.501%200%200%200-.51-.861a5%205%200%200%201-.26.144c-.169.09-.406.21-.677.328c-.562.246-1.204.458-1.696.458c-.45%200-.763-.177-1.19-.43l-.023-.014C9.985%2011.31%209.462%2011%208.722%2011c-.732%200-1.28.305-1.718.547l-.027.016c-.46.255-.804.437-1.26.437c-.227%200-.344-.046-.416-.088c-.084-.049-.15-.116-.268-.247l-.012-.014a2%202%200%200%200-.492-.426c-.248-.146-.545-.225-.92-.225c-.74%200-1.363.305-1.783.584a4.3%204.3%200%200%200-.697.58a.5.5%200%200%200%20.036.707%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1%203.5a.5.5%200%200%201%20.5-.5h13a.5.5%200%200%201%200%201h-13a.5.5%200%200%201-.5-.5m6.74%204.47c.622.25%201.318.53%202.311.53c.866%200%201.527-.218%202.098-.406l.232-.076c.617-.198%201.194-.339%202.033-.192a.5.5%200%201%200%20.172-.985c-1.068-.187-1.824.005-2.51.224l-.247.08c-.572.188-1.081.355-1.778.355c-.791%200-1.334-.215-1.95-.464l-.015-.006c-.621-.25-1.318-.53-2.31-.53c-.993%200-1.69.28-2.31.53l-.015.006c-.617.249-1.16.464-1.951.464a.5.5%200%200%200%200%201c.993%200%201.689-.28%202.31-.53l.015-.006c.617-.249%201.16-.464%201.95-.464c.792%200%201.334.215%201.952.464zm-6.575%204.9a.5.5%200%200%200%20.706-.034q.06-.064.125-.122c.089-.08.22-.189.383-.298c.333-.22.763-.416%201.23-.416c.226%200%20.342.046.414.088c.084.049.15.116.268.247l.012.014c.108.119.265.293.492.426c.249.146.546.225.921.225c.732%200%201.28-.305%201.718-.547l.028-.016c.46-.255.804-.437%201.26-.437c.45%200%20.763.177%201.19.43l.023.014c.413.245.936.556%201.676.556c.712%200%201.515-.288%202.096-.542a11%2011%200%200%200%201.047-.527a.501.501%200%200%200-.51-.861a5%205%200%200%201-.26.144c-.169.09-.406.21-.677.328c-.562.246-1.204.458-1.696.458c-.45%200-.763-.177-1.19-.43l-.023-.014C9.985%2011.31%209.462%2011%208.722%2011c-.732%200-1.28.305-1.718.547l-.027.016c-.46.255-.804.437-1.26.437c-.227%200-.344-.046-.416-.088c-.084-.049-.15-.116-.268-.247l-.012-.014a2%202%200%200%200-.492-.426c-.248-.146-.545-.225-.92-.225c-.74%200-1.363.305-1.783.584a4.3%204.3%200%200%200-.697.58a.5.5%200%200%200%20.036.707%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-16-regular.svg?color=%231a73e8&size=48
