font space tracking in icon

font-space-tracking-in-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.

Name
font-space-tracking-in-20-filled
Set
Fluent UI System Icons
Style
20 Filled
Viewbox
20×20
License
MIT

7 other variants in Fluent UI System Icons

font-space-tracking-in-16-filledfont-space-tracking-in-16-regularfont-space-tracking-in-20-regularfont-space-tracking-in-24-filledfont-space-tracking-in-24-regularfont-space-tracking-in-28-filledfont-space-tracking-in-28-regular

Related icons in Fluent UI System Icons

font-decrease-20-filledfont-increase-20-filledfont-space-tracking-out-16-filled

Use the font space tracking in icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M7.7 2.482a.75.75 0 0 0-1.4 0l-3.25 8.495a.75.75 0 0 0 1.4.536l.773-2.018h3.555l.772 2.018a.75.75 0 0 0 1.4-.536zm.504 5.513H5.797L7 4.849zm-1.463 5.19a.75.75 0 1 0-.988 1.13l.498.435h-2.5a.75.75 0 0 0 0 1.5h2.5l-.498.436a.75.75 0 1 0 .988 1.128l2-1.751a.75.75 0 0 0 0-1.13zM13 12a.75.75 0 0 0 .7-.482l3.25-8.495a.75.75 0 1 0-1.401-.536L13 9.15l-2.55-6.664a.75.75 0 0 0-1.4.536l3.25 8.495A.75.75 0 0 0 13 12m1.312 5.744a.75.75 0 0 1-1.058.07l-2-1.748a.75.75 0 0 1 0-1.129l2-1.751a.75.75 0 1 1 .988 1.128l-.498.436h2.505a.75.75 0 0 1 0 1.5h-2.506l.498.435a.75.75 0 0 1 .071 1.059"/></svg>

React

import type { SVGProps } from "react";

export function FluentFontSpaceTrackingIn20Filled(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="M7.7 2.482a.75.75 0 0 0-1.4 0l-3.25 8.495a.75.75 0 0 0 1.4.536l.773-2.018h3.555l.772 2.018a.75.75 0 0 0 1.4-.536zm.504 5.513H5.797L7 4.849zm-1.463 5.19a.75.75 0 1 0-.988 1.13l.498.435h-2.5a.75.75 0 0 0 0 1.5h2.5l-.498.436a.75.75 0 1 0 .988 1.128l2-1.751a.75.75 0 0 0 0-1.13zM13 12a.75.75 0 0 0 .7-.482l3.25-8.495a.75.75 0 1 0-1.401-.536L13 9.15l-2.55-6.664a.75.75 0 0 0-1.4.536l3.25 8.495A.75.75 0 0 0 13 12m1.312 5.744a.75.75 0 0 1-1.058.07l-2-1.748a.75.75 0 0 1 0-1.129l2-1.751a.75.75 0 1 1 .988 1.128l-.498.436h2.505a.75.75 0 0 1 0 1.5h-2.506l.498.435a.75.75 0 0 1 .071 1.059"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M7.7 2.482a.75.75 0 0 0-1.4 0l-3.25 8.495a.75.75 0 0 0 1.4.536l.773-2.018h3.555l.772 2.018a.75.75 0 0 0 1.4-.536zm.504 5.513H5.797L7 4.849zm-1.463 5.19a.75.75 0 1 0-.988 1.13l.498.435h-2.5a.75.75 0 0 0 0 1.5h2.5l-.498.436a.75.75 0 1 0 .988 1.128l2-1.751a.75.75 0 0 0 0-1.13zM13 12a.75.75 0 0 0 .7-.482l3.25-8.495a.75.75 0 1 0-1.401-.536L13 9.15l-2.55-6.664a.75.75 0 0 0-1.4.536l3.25 8.495A.75.75 0 0 0 13 12m1.312 5.744a.75.75 0 0 1-1.058.07l-2-1.748a.75.75 0 0 1 0-1.129l2-1.751a.75.75 0 1 1 .988 1.128l-.498.436h2.505a.75.75 0 0 1 0 1.5h-2.506l.498.435a.75.75 0 0 1 .071 1.059"/></svg>
</template>

CSS

.icon-font-space-tracking-in-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%22M7.7%202.482a.75.75%200%200%200-1.4%200l-3.25%208.495a.75.75%200%200%200%201.4.536l.773-2.018h3.555l.772%202.018a.75.75%200%200%200%201.4-.536zm.504%205.513H5.797L7%204.849zm-1.463%205.19a.75.75%200%201%200-.988%201.13l.498.435h-2.5a.75.75%200%200%200%200%201.5h2.5l-.498.436a.75.75%200%201%200%20.988%201.128l2-1.751a.75.75%200%200%200%200-1.13zM13%2012a.75.75%200%200%200%20.7-.482l3.25-8.495a.75.75%200%201%200-1.401-.536L13%209.15l-2.55-6.664a.75.75%200%200%200-1.4.536l3.25%208.495A.75.75%200%200%200%2013%2012m1.312%205.744a.75.75%200%200%201-1.058.07l-2-1.748a.75.75%200%200%201%200-1.129l2-1.751a.75.75%200%201%201%20.988%201.128l-.498.436h2.505a.75.75%200%200%201%200%201.5h-2.506l.498.435a.75.75%200%200%201%20.071%201.059%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%22M7.7%202.482a.75.75%200%200%200-1.4%200l-3.25%208.495a.75.75%200%200%200%201.4.536l.773-2.018h3.555l.772%202.018a.75.75%200%200%200%201.4-.536zm.504%205.513H5.797L7%204.849zm-1.463%205.19a.75.75%200%201%200-.988%201.13l.498.435h-2.5a.75.75%200%200%200%200%201.5h2.5l-.498.436a.75.75%200%201%200%20.988%201.128l2-1.751a.75.75%200%200%200%200-1.13zM13%2012a.75.75%200%200%200%20.7-.482l3.25-8.495a.75.75%200%201%200-1.401-.536L13%209.15l-2.55-6.664a.75.75%200%200%200-1.4.536l3.25%208.495A.75.75%200%200%200%2013%2012m1.312%205.744a.75.75%200%200%201-1.058.07l-2-1.748a.75.75%200%200%201%200-1.129l2-1.751a.75.75%200%201%201%20.988%201.128l-.498.436h2.505a.75.75%200%200%201%200%201.5h-2.506l.498.435a.75.75%200%200%201%20.071%201.059%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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