run icon

run-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.

Name
run-16-filled
Set
Fluent UI System Icons
Style
16 Filled
Viewbox
16×16
License
MIT

11 other variants in Fluent UI System Icons

run-16-regularrun-20-filledrun-20-regularrun-24-filledrun-24-regularrun-28-filledrun-28-regularrun-32-filledrun-32-regularrun-48-filledrun-48-regular

The same icon in other sets

runBoxIcons v2runCarbonrunMaterial Design Iconsrun-fillMingCute Iconrun-fillRemix IconrunTabler Icons

Use the run icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5.996 1.42a.514.514 0 0 0-.583-.414a.487.487 0 0 0-.413.498c-1.213.298-1.984.9-2.44 1.64s-.562 1.563-.562 2.228v.316l-.714.989a1.5 1.5 0 0 0 .367 2.115l5.93 4.071a6.5 6.5 0 0 0 3.68 1.141h1.499a2.238 2.238 0 0 0 2.21-2.584c-.174-1.089-1.123-1.842-1.99-2.225c-.321-.141-.592-.335-.77-.597l-2.097-3.61a.487.487 0 0 0 .38-.566a.514.514 0 0 0-.582-.414c-1.87.296-3.61-.904-3.915-2.588M3.412 3.668c.178-.288.435-.565.818-.794L5.4 4.901a.75.75 0 0 1-.338 1.057l-1.343.614L3 6.076v-.704c0-.572.094-1.184.413-1.704m3.885 5.367L4.9 7.385l2.464-1.298a.75.75 0 0 1 .999.288l.539.933a.75.75 0 0 1-.3 1.039zM2.38 6.865l6.306 4.34a4.5 4.5 0 0 0 2.551.794h2.738a1.24 1.24 0 0 1-1.216 1.005h-1.5a5.5 5.5 0 0 1-3.113-.965l-5.93-4.072a.5.5 0 0 1-.122-.705z"/></svg>

React

import type { SVGProps } from "react";

export function FluentRun16Filled(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="M5.996 1.42a.514.514 0 0 0-.583-.414a.487.487 0 0 0-.413.498c-1.213.298-1.984.9-2.44 1.64s-.562 1.563-.562 2.228v.316l-.714.989a1.5 1.5 0 0 0 .367 2.115l5.93 4.071a6.5 6.5 0 0 0 3.68 1.141h1.499a2.238 2.238 0 0 0 2.21-2.584c-.174-1.089-1.123-1.842-1.99-2.225c-.321-.141-.592-.335-.77-.597l-2.097-3.61a.487.487 0 0 0 .38-.566a.514.514 0 0 0-.582-.414c-1.87.296-3.61-.904-3.915-2.588M3.412 3.668c.178-.288.435-.565.818-.794L5.4 4.901a.75.75 0 0 1-.338 1.057l-1.343.614L3 6.076v-.704c0-.572.094-1.184.413-1.704m3.885 5.367L4.9 7.385l2.464-1.298a.75.75 0 0 1 .999.288l.539.933a.75.75 0 0 1-.3 1.039zM2.38 6.865l6.306 4.34a4.5 4.5 0 0 0 2.551.794h2.738a1.24 1.24 0 0 1-1.216 1.005h-1.5a5.5 5.5 0 0 1-3.113-.965l-5.93-4.072a.5.5 0 0 1-.122-.705z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M5.996 1.42a.514.514 0 0 0-.583-.414a.487.487 0 0 0-.413.498c-1.213.298-1.984.9-2.44 1.64s-.562 1.563-.562 2.228v.316l-.714.989a1.5 1.5 0 0 0 .367 2.115l5.93 4.071a6.5 6.5 0 0 0 3.68 1.141h1.499a2.238 2.238 0 0 0 2.21-2.584c-.174-1.089-1.123-1.842-1.99-2.225c-.321-.141-.592-.335-.77-.597l-2.097-3.61a.487.487 0 0 0 .38-.566a.514.514 0 0 0-.582-.414c-1.87.296-3.61-.904-3.915-2.588M3.412 3.668c.178-.288.435-.565.818-.794L5.4 4.901a.75.75 0 0 1-.338 1.057l-1.343.614L3 6.076v-.704c0-.572.094-1.184.413-1.704m3.885 5.367L4.9 7.385l2.464-1.298a.75.75 0 0 1 .999.288l.539.933a.75.75 0 0 1-.3 1.039zM2.38 6.865l6.306 4.34a4.5 4.5 0 0 0 2.551.794h2.738a1.24 1.24 0 0 1-1.216 1.005h-1.5a5.5 5.5 0 0 1-3.113-.965l-5.93-4.072a.5.5 0 0 1-.122-.705z"/></svg>
</template>

CSS

.icon-run-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.996%201.42a.514.514%200%200%200-.583-.414a.487.487%200%200%200-.413.498c-1.213.298-1.984.9-2.44%201.64s-.562%201.563-.562%202.228v.316l-.714.989a1.5%201.5%200%200%200%20.367%202.115l5.93%204.071a6.5%206.5%200%200%200%203.68%201.141h1.499a2.238%202.238%200%200%200%202.21-2.584c-.174-1.089-1.123-1.842-1.99-2.225c-.321-.141-.592-.335-.77-.597l-2.097-3.61a.487.487%200%200%200%20.38-.566a.514.514%200%200%200-.582-.414c-1.87.296-3.61-.904-3.915-2.588M3.412%203.668c.178-.288.435-.565.818-.794L5.4%204.901a.75.75%200%200%201-.338%201.057l-1.343.614L3%206.076v-.704c0-.572.094-1.184.413-1.704m3.885%205.367L4.9%207.385l2.464-1.298a.75.75%200%200%201%20.999.288l.539.933a.75.75%200%200%201-.3%201.039zM2.38%206.865l6.306%204.34a4.5%204.5%200%200%200%202.551.794h2.738a1.24%201.24%200%200%201-1.216%201.005h-1.5a5.5%205.5%200%200%201-3.113-.965l-5.93-4.072a.5.5%200%200%201-.122-.705z%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%22M5.996%201.42a.514.514%200%200%200-.583-.414a.487.487%200%200%200-.413.498c-1.213.298-1.984.9-2.44%201.64s-.562%201.563-.562%202.228v.316l-.714.989a1.5%201.5%200%200%200%20.367%202.115l5.93%204.071a6.5%206.5%200%200%200%203.68%201.141h1.499a2.238%202.238%200%200%200%202.21-2.584c-.174-1.089-1.123-1.842-1.99-2.225c-.321-.141-.592-.335-.77-.597l-2.097-3.61a.487.487%200%200%200%20.38-.566a.514.514%200%200%200-.582-.414c-1.87.296-3.61-.904-3.915-2.588M3.412%203.668c.178-.288.435-.565.818-.794L5.4%204.901a.75.75%200%200%201-.338%201.057l-1.343.614L3%206.076v-.704c0-.572.094-1.184.413-1.704m3.885%205.367L4.9%207.385l2.464-1.298a.75.75%200%200%201%20.999.288l.539.933a.75.75%200%200%201-.3%201.039zM2.38%206.865l6.306%204.34a4.5%204.5%200%200%200%202.551.794h2.738a1.24%201.24%200%200%201-1.216%201.005h-1.5a5.5%205.5%200%200%201-3.113-.965l-5.93-4.072a.5.5%200%200%201-.122-.705z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/run-16-filled.svg?color=%231a73e8&size=48