ink stroke arrow up down icon
ink-stroke-arrow-up-down-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- ink-stroke-arrow-up-down-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 arrow up down 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.514l.006.001l-1.503 1.504q-.11.11-.2.233a39 39 0 0 0-2.204-.26c-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.088m12.582 12.507l.055.053a62 62 0 0 1-1.764.234c-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.26q.772-.092 1.415-.185a2 2 0 0 0 .53 1.883m4.621-4.621a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 0 0 1.414 1.414l.793-.793v5.672l-.793-.793a1 1 0 0 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l2.5-2.5a1 1 0 0 0-1.414-1.414l-.793.793v-5.672l.793.793a1 1 0 0 0 1.414-1.414z"/></svg>
React
import type { SVGProps } from "react";
export function FluentInkStrokeArrowUpDown24Filled(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.514l.006.001l-1.503 1.504q-.11.11-.2.233a39 39 0 0 0-2.204-.26c-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.088m12.582 12.507l.055.053a62 62 0 0 1-1.764.234c-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.26q.772-.092 1.415-.185a2 2 0 0 0 .53 1.883m4.621-4.621a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 0 0 1.414 1.414l.793-.793v5.672l-.793-.793a1 1 0 0 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l2.5-2.5a1 1 0 0 0-1.414-1.414l-.793.793v-5.672l.793.793a1 1 0 0 0 1.414-1.414z"/></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.514l.006.001l-1.503 1.504q-.11.11-.2.233a39 39 0 0 0-2.204-.26c-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.088m12.582 12.507l.055.053a62 62 0 0 1-1.764.234c-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.26q.772-.092 1.415-.185a2 2 0 0 0 .53 1.883m4.621-4.621a1 1 0 0 0-1.414 0l-2.5 2.5a1 1 0 0 0 1.414 1.414l.793-.793v5.672l-.793-.793a1 1 0 0 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l2.5-2.5a1 1 0 0 0-1.414-1.414l-.793.793v-5.672l.793.793a1 1 0 0 0 1.414-1.414z"/></svg> </template>
CSS
.icon-ink-stroke-arrow-up-down-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.514l.006.001l-1.503%201.504q-.11.11-.2.233a39%2039%200%200%200-2.204-.26c-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.088m12.582%2012.507l.055.053a62%2062%200%200%201-1.764.234c-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.26q.772-.092%201.415-.185a2%202%200%200%200%20.53%201.883m4.621-4.621a1%201%200%200%200-1.414%200l-2.5%202.5a1%201%200%200%200%201.414%201.414l.793-.793v5.672l-.793-.793a1%201%200%200%200-1.414%201.414l2.5%202.5a1%201%200%200%200%201.414%200l2.5-2.5a1%201%200%200%200-1.414-1.414l-.793.793v-5.672l.793.793a1%201%200%200%200%201.414-1.414z%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.514l.006.001l-1.503%201.504q-.11.11-.2.233a39%2039%200%200%200-2.204-.26c-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.088m12.582%2012.507l.055.053a62%2062%200%200%201-1.764.234c-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.26q.772-.092%201.415-.185a2%202%200%200%200%20.53%201.883m4.621-4.621a1%201%200%200%200-1.414%200l-2.5%202.5a1%201%200%200%200%201.414%201.414l.793-.793v5.672l-.793-.793a1%201%200%200%200-1.414%201.414l2.5%202.5a1%201%200%200%200%201.414%200l2.5-2.5a1%201%200%200%200-1.414-1.414l-.793.793v-5.672l.793.793a1%201%200%200%200%201.414-1.414z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/ink-stroke-arrow-up-down-24-filled.svg?color=%231a73e8&size=48
