run icon
run-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- run-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
Use the run icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M6.994 2.406a.5.5 0 1 0-.984.18l.009.046c-1.729.573-2.748 1.49-3.327 2.513c-.565 1-.677 2.05-.69 2.855H2v.004l-.67.838a1.5 1.5 0 0 0 .331 2.179l8.655 5.86A6.5 6.5 0 0 0 13.96 18h2.79a2.25 2.25 0 0 0 2.227-2.572c-.16-1.097-1.087-1.884-2.047-2.188c-.609-.194-1.18-.509-1.514-1.005l-3.017-5.19l.18-.028a.5.5 0 1 0-.166-.986q-.428.071-.848.069c-2.07-.011-3.898-1.337-4.463-3.242a4 4 0 0 1-.108-.452M4.67 4.408l2.195 3.801A1 1 0 0 1 6.5 9.575l-.873.505L3 8.307V8.18c0-.766.082-1.692.563-2.543c.24-.426.591-.85 1.108-1.23m2.161 6.485l3.046-1.76a1 1 0 0 1 1.366.367l.603 1.044a1 1 0 0 1-.366 1.366l-1.692.977zM13.991 16h3.984c-.116.57-.62 1-1.225 1h-2.79a5.5 5.5 0 0 1-3.084-.946l-8.654-5.861a.5.5 0 0 1-.11-.726l.286-.36l9.076 6.123a4.5 4.5 0 0 0 2.517.77M2.11 9.467l-.39-.313Z"/></svg>
React
import type { SVGProps } from "react";
export function FluentRun20Filled(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="M6.994 2.406a.5.5 0 1 0-.984.18l.009.046c-1.729.573-2.748 1.49-3.327 2.513c-.565 1-.677 2.05-.69 2.855H2v.004l-.67.838a1.5 1.5 0 0 0 .331 2.179l8.655 5.86A6.5 6.5 0 0 0 13.96 18h2.79a2.25 2.25 0 0 0 2.227-2.572c-.16-1.097-1.087-1.884-2.047-2.188c-.609-.194-1.18-.509-1.514-1.005l-3.017-5.19l.18-.028a.5.5 0 1 0-.166-.986q-.428.071-.848.069c-2.07-.011-3.898-1.337-4.463-3.242a4 4 0 0 1-.108-.452M4.67 4.408l2.195 3.801A1 1 0 0 1 6.5 9.575l-.873.505L3 8.307V8.18c0-.766.082-1.692.563-2.543c.24-.426.591-.85 1.108-1.23m2.161 6.485l3.046-1.76a1 1 0 0 1 1.366.367l.603 1.044a1 1 0 0 1-.366 1.366l-1.692.977zM13.991 16h3.984c-.116.57-.62 1-1.225 1h-2.79a5.5 5.5 0 0 1-3.084-.946l-8.654-5.861a.5.5 0 0 1-.11-.726l.286-.36l9.076 6.123a4.5 4.5 0 0 0 2.517.77M2.11 9.467l-.39-.313Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M6.994 2.406a.5.5 0 1 0-.984.18l.009.046c-1.729.573-2.748 1.49-3.327 2.513c-.565 1-.677 2.05-.69 2.855H2v.004l-.67.838a1.5 1.5 0 0 0 .331 2.179l8.655 5.86A6.5 6.5 0 0 0 13.96 18h2.79a2.25 2.25 0 0 0 2.227-2.572c-.16-1.097-1.087-1.884-2.047-2.188c-.609-.194-1.18-.509-1.514-1.005l-3.017-5.19l.18-.028a.5.5 0 1 0-.166-.986q-.428.071-.848.069c-2.07-.011-3.898-1.337-4.463-3.242a4 4 0 0 1-.108-.452M4.67 4.408l2.195 3.801A1 1 0 0 1 6.5 9.575l-.873.505L3 8.307V8.18c0-.766.082-1.692.563-2.543c.24-.426.591-.85 1.108-1.23m2.161 6.485l3.046-1.76a1 1 0 0 1 1.366.367l.603 1.044a1 1 0 0 1-.366 1.366l-1.692.977zM13.991 16h3.984c-.116.57-.62 1-1.225 1h-2.79a5.5 5.5 0 0 1-3.084-.946l-8.654-5.861a.5.5 0 0 1-.11-.726l.286-.36l9.076 6.123a4.5 4.5 0 0 0 2.517.77M2.11 9.467l-.39-.313Z"/></svg> </template>
CSS
.icon-run-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%22M6.994%202.406a.5.5%200%201%200-.984.18l.009.046c-1.729.573-2.748%201.49-3.327%202.513c-.565%201-.677%202.05-.69%202.855H2v.004l-.67.838a1.5%201.5%200%200%200%20.331%202.179l8.655%205.86A6.5%206.5%200%200%200%2013.96%2018h2.79a2.25%202.25%200%200%200%202.227-2.572c-.16-1.097-1.087-1.884-2.047-2.188c-.609-.194-1.18-.509-1.514-1.005l-3.017-5.19l.18-.028a.5.5%200%201%200-.166-.986q-.428.071-.848.069c-2.07-.011-3.898-1.337-4.463-3.242a4%204%200%200%201-.108-.452M4.67%204.408l2.195%203.801A1%201%200%200%201%206.5%209.575l-.873.505L3%208.307V8.18c0-.766.082-1.692.563-2.543c.24-.426.591-.85%201.108-1.23m2.161%206.485l3.046-1.76a1%201%200%200%201%201.366.367l.603%201.044a1%201%200%200%201-.366%201.366l-1.692.977zM13.991%2016h3.984c-.116.57-.62%201-1.225%201h-2.79a5.5%205.5%200%200%201-3.084-.946l-8.654-5.861a.5.5%200%200%201-.11-.726l.286-.36l9.076%206.123a4.5%204.5%200%200%200%202.517.77M2.11%209.467l-.39-.313Z%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%22M6.994%202.406a.5.5%200%201%200-.984.18l.009.046c-1.729.573-2.748%201.49-3.327%202.513c-.565%201-.677%202.05-.69%202.855H2v.004l-.67.838a1.5%201.5%200%200%200%20.331%202.179l8.655%205.86A6.5%206.5%200%200%200%2013.96%2018h2.79a2.25%202.25%200%200%200%202.227-2.572c-.16-1.097-1.087-1.884-2.047-2.188c-.609-.194-1.18-.509-1.514-1.005l-3.017-5.19l.18-.028a.5.5%200%201%200-.166-.986q-.428.071-.848.069c-2.07-.011-3.898-1.337-4.463-3.242a4%204%200%200%201-.108-.452M4.67%204.408l2.195%203.801A1%201%200%200%201%206.5%209.575l-.873.505L3%208.307V8.18c0-.766.082-1.692.563-2.543c.24-.426.591-.85%201.108-1.23m2.161%206.485l3.046-1.76a1%201%200%200%201%201.366.367l.603%201.044a1%201%200%200%201-.366%201.366l-1.692.977zM13.991%2016h3.984c-.116.57-.62%201-1.225%201h-2.79a5.5%205.5%200%200%201-3.084-.946l-8.654-5.861a.5.5%200%200%201-.11-.726l.286-.36l9.076%206.123a4.5%204.5%200%200%200%202.517.77M2.11%209.467l-.39-.313Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/run-20-filled.svg?color=%231a73e8&size=48
