ink stroke icon
ink-stroke-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- ink-stroke-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the ink stroke icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.004 2.907a1 1 0 0 1 1.09-.903l3.746.35c2.655.264 5.202.581 7.296.942c2.041.351 3.797.766 4.762 1.275c.248.131.521.307.732.548c.225.257.438.663.35 1.166c-.082.458-.377.767-.613.953a3.7 3.7 0 0 1-.876.486c-1.27.525-3.66 1.022-7.392 1.51c-1.682.22-2.923.435-3.801.636q.316.07.68.136c1.217.224 2.75.415 4.382.561c1.247.112 2.582.288 3.723.514c.57.113 1.105.24 1.564.383c.437.136.884.309 1.22.542c.167.115.388.3.534.579c.17.327.203.723.035 1.098c-.142.32-.387.526-.577.655a3.4 3.4 0 0 1-.684.343c-.96.37-2.664.706-5.298 1.02c-2.611.312-4.179.707-5.036 1.096c-.342.156-.513.285-.591.36c.03.046.086.116.181.207c.18.173.444.366.786.568c.682.403 1.563.778 2.417 1.07l3.245 1.046a1 1 0 1 1-.614 1.904L11.004 20.9l-.008-.003c-.933-.319-1.955-.746-2.796-1.243a6.3 6.3 0 0 1-1.152-.845c-.319-.305-.64-.71-.771-1.214c-.147-.564-.023-1.128.34-1.604c.33-.431.826-.756 1.398-1.015c1.147-.52 2.967-.943 5.625-1.26c1.588-.19 2.756-.38 3.587-.56a19 19 0 0 0-.532-.113a35 35 0 0 0-3.513-.484c-1.667-.15-3.267-.347-4.565-.586a17 17 0 0 1-1.728-.397c-.466-.138-.939-.315-1.285-.56a1.55 1.55 0 0 1-.547-.649c-.162-.382-.12-.79.074-1.124c.164-.282.408-.467.601-.587c.207-.127.447-.236.705-.332c1.006-.373 2.759-.727 5.403-1.073c3.232-.423 5.27-.833 6.407-1.201c-.777-.257-1.949-.525-3.451-.783c-2.028-.35-4.522-.661-7.151-.922l-3.738-.35a1 1 0 0 1-.903-1.088"/></svg>
React
import type { SVGProps } from "react";
export function FluentInkStroke24Filled(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="M3.004 2.907a1 1 0 0 1 1.09-.903l3.746.35c2.655.264 5.202.581 7.296.942c2.041.351 3.797.766 4.762 1.275c.248.131.521.307.732.548c.225.257.438.663.35 1.166c-.082.458-.377.767-.613.953a3.7 3.7 0 0 1-.876.486c-1.27.525-3.66 1.022-7.392 1.51c-1.682.22-2.923.435-3.801.636q.316.07.68.136c1.217.224 2.75.415 4.382.561c1.247.112 2.582.288 3.723.514c.57.113 1.105.24 1.564.383c.437.136.884.309 1.22.542c.167.115.388.3.534.579c.17.327.203.723.035 1.098c-.142.32-.387.526-.577.655a3.4 3.4 0 0 1-.684.343c-.96.37-2.664.706-5.298 1.02c-2.611.312-4.179.707-5.036 1.096c-.342.156-.513.285-.591.36c.03.046.086.116.181.207c.18.173.444.366.786.568c.682.403 1.563.778 2.417 1.07l3.245 1.046a1 1 0 1 1-.614 1.904L11.004 20.9l-.008-.003c-.933-.319-1.955-.746-2.796-1.243a6.3 6.3 0 0 1-1.152-.845c-.319-.305-.64-.71-.771-1.214c-.147-.564-.023-1.128.34-1.604c.33-.431.826-.756 1.398-1.015c1.147-.52 2.967-.943 5.625-1.26c1.588-.19 2.756-.38 3.587-.56a19 19 0 0 0-.532-.113a35 35 0 0 0-3.513-.484c-1.667-.15-3.267-.347-4.565-.586a17 17 0 0 1-1.728-.397c-.466-.138-.939-.315-1.285-.56a1.55 1.55 0 0 1-.547-.649c-.162-.382-.12-.79.074-1.124c.164-.282.408-.467.601-.587c.207-.127.447-.236.705-.332c1.006-.373 2.759-.727 5.403-1.073c3.232-.423 5.27-.833 6.407-1.201c-.777-.257-1.949-.525-3.451-.783c-2.028-.35-4.522-.661-7.151-.922l-3.738-.35a1 1 0 0 1-.903-1.088"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.004 2.907a1 1 0 0 1 1.09-.903l3.746.35c2.655.264 5.202.581 7.296.942c2.041.351 3.797.766 4.762 1.275c.248.131.521.307.732.548c.225.257.438.663.35 1.166c-.082.458-.377.767-.613.953a3.7 3.7 0 0 1-.876.486c-1.27.525-3.66 1.022-7.392 1.51c-1.682.22-2.923.435-3.801.636q.316.07.68.136c1.217.224 2.75.415 4.382.561c1.247.112 2.582.288 3.723.514c.57.113 1.105.24 1.564.383c.437.136.884.309 1.22.542c.167.115.388.3.534.579c.17.327.203.723.035 1.098c-.142.32-.387.526-.577.655a3.4 3.4 0 0 1-.684.343c-.96.37-2.664.706-5.298 1.02c-2.611.312-4.179.707-5.036 1.096c-.342.156-.513.285-.591.36c.03.046.086.116.181.207c.18.173.444.366.786.568c.682.403 1.563.778 2.417 1.07l3.245 1.046a1 1 0 1 1-.614 1.904L11.004 20.9l-.008-.003c-.933-.319-1.955-.746-2.796-1.243a6.3 6.3 0 0 1-1.152-.845c-.319-.305-.64-.71-.771-1.214c-.147-.564-.023-1.128.34-1.604c.33-.431.826-.756 1.398-1.015c1.147-.52 2.967-.943 5.625-1.26c1.588-.19 2.756-.38 3.587-.56a19 19 0 0 0-.532-.113a35 35 0 0 0-3.513-.484c-1.667-.15-3.267-.347-4.565-.586a17 17 0 0 1-1.728-.397c-.466-.138-.939-.315-1.285-.56a1.55 1.55 0 0 1-.547-.649c-.162-.382-.12-.79.074-1.124c.164-.282.408-.467.601-.587c.207-.127.447-.236.705-.332c1.006-.373 2.759-.727 5.403-1.073c3.232-.423 5.27-.833 6.407-1.201c-.777-.257-1.949-.525-3.451-.783c-2.028-.35-4.522-.661-7.151-.922l-3.738-.35a1 1 0 0 1-.903-1.088"/></svg> </template>
CSS
.icon-ink-stroke-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.004%202.907a1%201%200%200%201%201.09-.903l3.746.35c2.655.264%205.202.581%207.296.942c2.041.351%203.797.766%204.762%201.275c.248.131.521.307.732.548c.225.257.438.663.35%201.166c-.082.458-.377.767-.613.953a3.7%203.7%200%200%201-.876.486c-1.27.525-3.66%201.022-7.392%201.51c-1.682.22-2.923.435-3.801.636q.316.07.68.136c1.217.224%202.75.415%204.382.561c1.247.112%202.582.288%203.723.514c.57.113%201.105.24%201.564.383c.437.136.884.309%201.22.542c.167.115.388.3.534.579c.17.327.203.723.035%201.098c-.142.32-.387.526-.577.655a3.4%203.4%200%200%201-.684.343c-.96.37-2.664.706-5.298%201.02c-2.611.312-4.179.707-5.036%201.096c-.342.156-.513.285-.591.36c.03.046.086.116.181.207c.18.173.444.366.786.568c.682.403%201.563.778%202.417%201.07l3.245%201.046a1%201%200%201%201-.614%201.904L11.004%2020.9l-.008-.003c-.933-.319-1.955-.746-2.796-1.243a6.3%206.3%200%200%201-1.152-.845c-.319-.305-.64-.71-.771-1.214c-.147-.564-.023-1.128.34-1.604c.33-.431.826-.756%201.398-1.015c1.147-.52%202.967-.943%205.625-1.26c1.588-.19%202.756-.38%203.587-.56a19%2019%200%200%200-.532-.113a35%2035%200%200%200-3.513-.484c-1.667-.15-3.267-.347-4.565-.586a17%2017%200%200%201-1.728-.397c-.466-.138-.939-.315-1.285-.56a1.55%201.55%200%200%201-.547-.649c-.162-.382-.12-.79.074-1.124c.164-.282.408-.467.601-.587c.207-.127.447-.236.705-.332c1.006-.373%202.759-.727%205.403-1.073c3.232-.423%205.27-.833%206.407-1.201c-.777-.257-1.949-.525-3.451-.783c-2.028-.35-4.522-.661-7.151-.922l-3.738-.35a1%201%200%200%201-.903-1.088%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%22M3.004%202.907a1%201%200%200%201%201.09-.903l3.746.35c2.655.264%205.202.581%207.296.942c2.041.351%203.797.766%204.762%201.275c.248.131.521.307.732.548c.225.257.438.663.35%201.166c-.082.458-.377.767-.613.953a3.7%203.7%200%200%201-.876.486c-1.27.525-3.66%201.022-7.392%201.51c-1.682.22-2.923.435-3.801.636q.316.07.68.136c1.217.224%202.75.415%204.382.561c1.247.112%202.582.288%203.723.514c.57.113%201.105.24%201.564.383c.437.136.884.309%201.22.542c.167.115.388.3.534.579c.17.327.203.723.035%201.098c-.142.32-.387.526-.577.655a3.4%203.4%200%200%201-.684.343c-.96.37-2.664.706-5.298%201.02c-2.611.312-4.179.707-5.036%201.096c-.342.156-.513.285-.591.36c.03.046.086.116.181.207c.18.173.444.366.786.568c.682.403%201.563.778%202.417%201.07l3.245%201.046a1%201%200%201%201-.614%201.904L11.004%2020.9l-.008-.003c-.933-.319-1.955-.746-2.796-1.243a6.3%206.3%200%200%201-1.152-.845c-.319-.305-.64-.71-.771-1.214c-.147-.564-.023-1.128.34-1.604c.33-.431.826-.756%201.398-1.015c1.147-.52%202.967-.943%205.625-1.26c1.588-.19%202.756-.38%203.587-.56a19%2019%200%200%200-.532-.113a35%2035%200%200%200-3.513-.484c-1.667-.15-3.267-.347-4.565-.586a17%2017%200%200%201-1.728-.397c-.466-.138-.939-.315-1.285-.56a1.55%201.55%200%200%201-.547-.649c-.162-.382-.12-.79.074-1.124c.164-.282.408-.467.601-.587c.207-.127.447-.236.705-.332c1.006-.373%202.759-.727%205.403-1.073c3.232-.423%205.27-.833%206.407-1.201c-.777-.257-1.949-.525-3.451-.783c-2.028-.35-4.522-.661-7.151-.922l-3.738-.35a1%201%200%200%201-.903-1.088%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/ink-stroke-24-filled.svg?color=%231a73e8&size=48
