Fluent Icons

Crop Interim icon

The Crop Interim icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_crop_interim_24_regular.svg

Crop Interim icon in React

npm install @fluentui/react-icons

import { CropInterim24Regular } from "@fluentui/react-icons";

export function Example() {
  return <CropInterim24Regular aria-label="Crop Interim" />;
}

Crop Interim icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/crop_interim_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/crop_interim_24_regular.svg" width="24" height="24" alt="Crop Interim">

Crop Interim icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.CropInterim())" />

Crop Interim icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.crop_interim_24_regular)

Crop Interim icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF332;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF332;" FontSize="24" />

Crop Interim icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_crop_interim_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f332";
  font-size: 24px;
}

Crop Interim icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_crop_interim_24_regular" />

// Kotlin
R.drawable.ic_fluent_crop_interim_24_regular

Crop Interim icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .cropInterim24Regular)

Crop Interim icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Crop Interim icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS. 

npm install @fluentui/react-icons

import { CropInterim24Regular, CropInterim24Filled } from "@fluentui/react-icons";

export function Example() {
  return <CropInterim24Regular aria-label="Crop Interim" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_crop_interim_24_regular.svg" width="24" height="24" alt="Crop Interim">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent: 

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6714 9.10441C19.7044 9.65415 22.0045 12.3084 22.0045 15.5C22.0045 19.0898 19.0944 22 15.5045 22C14.0213 22 12.6201 21.4994 11.4958 20.6174L11.4961 21.25C11.4961 21.6297 11.214 21.9435 10.8479 21.9931L10.7461 22C10.3664 22 10.0526 21.7178 10.003 21.3517L9.99613 21.25V18.7514C9.99613 18.3717 10.2783 18.0579 10.6444 18.0082L10.7461 18.0014H13.2507C13.6649 18.0014 14.0007 18.3371 14.0007 18.7514C14.0007 19.1311 13.7186 19.4449 13.3525 19.4945L13.2507 19.5014L12.5076 19.5032C13.3573 20.1404 14.4008 20.5 15.5045 20.5C18.266 20.5 20.5045 18.2614 20.5045 15.5C20.5045 13.2295 18.9912 11.3124 16.9181 10.7026L16.6714 9.10441ZM14.4861 3.00391C15.8669 3.00391 16.9861 4.12319 16.9861 5.50391C16.9861 6.53886 16.3573 7.42692 15.4608 7.8068L16.2789 13.1222C17.2806 13.4482 18.0045 14.3896 18.0045 15.5C18.0045 16.8807 16.8853 18 15.5045 18C14.6871 18 13.9612 17.6076 13.5051 17.0009H6.49945C6.04331 17.6076 5.31747 18 4.5 18C3.11929 18 2 16.8807 2 15.5C2 14.391 2.72205 13.4507 3.72166 13.1235L4.53954 7.81276C3.63553 7.43626 3 6.5443 3 5.50391C3 4.12319 4.11929 3.00391 5.5 3.00391C6.3161 3.00391 7.04087 3.39495 7.49716 3.99989H12.489C12.9453 3.39495 13.67 3.00391 14.4861 3.00391ZM4.5 14.5L4.38338 14.5067C3.88604 14.5645 3.5 14.9871 3.5 15.5C3.5 16.0128 3.88604 16.4355 4.38338 16.4932L4.5 16.5C5.01284 16.5 5.43551 16.1139 5.49327 15.6166L5.5 15.5L5.49327 15.3834C5.45494 15.0533 5.25588 14.7723 4.97642 14.6205L4.86801 14.5699L4.745 14.5299L4.65572 14.512C4.60498 14.5041 4.55297 14.5 4.5 14.5ZM15.193 14.5489L15.142 14.5679L15.076 14.5969L14.9831 14.6465C14.6961 14.8223 14.5045 15.1388 14.5045 15.5C14.5045 16.0128 14.8906 16.4355 15.3879 16.4932L15.5045 16.5C16.0568 16.5 16.5045 16.0523 16.5045 15.5C16.5045 14.9871 16.1185 14.5645 15.6212 14.5067L15.5045 14.5C15.4475 14.5 15.3915 14.5048 15.3371 14.5139L15.193 14.5489ZM11.9861 5.49989H8C8 6.7004 7.15946 7.70058 6.03664 7.94617L5.24162 13.1118C6.20363 13.4102 6.91694 14.2739 6.99323 15.3146L7 15.5H13.0045C13.0045 14.3797 13.7414 13.4315 14.757 13.1137L13.9626 7.94899C12.887 7.71979 12.0675 6.79886 11.9918 5.67409L11.9861 5.49989ZM13.7641 6.19572L13.7879 6.21976L13.908 6.31991L13.994 6.37391L14.0849 6.42017L14.193 6.46025L14.2849 6.48364L14.3634 6.49645L14.4861 6.50391L14.6054 6.49686L14.7755 6.46141L14.9003 6.41436L14.9873 6.36948L15.081 6.30691L15.1901 6.21411L15.2665 6.12936C15.4039 5.95809 15.4861 5.7406 15.4861 5.50391C15.4861 5.12813 15.2789 4.80076 14.9724 4.62989L14.972 4.63593L14.8674 4.58199L14.721 4.53191L14.6376 4.51545C14.5882 4.5078 14.5376 4.50391 14.4861 4.50391L14.3695 4.51063C13.8722 4.5684 13.4861 4.99107 13.4861 5.50391C13.4861 5.77235 13.5919 6.01609 13.7641 6.19572ZM4.5 5.50391C4.5 5.7406 4.58223 5.95809 4.71969 6.12936L4.7863 6.20436C4.84368 6.26282 4.90818 6.31425 4.97841 6.35727L5.08687 6.41485L5.1878 6.45421L5.26891 6.47707L5.36952 6.49547L5.5 6.50391C5.55656 6.50391 5.61201 6.49921 5.66601 6.49019L5.74259 6.47428L5.85189 6.44024L5.90607 6.41802L6.057 6.33391L6.142 6.26891L6.19614 6.22182L6.28379 6.125L6.34431 6.03999C6.42318 5.91604 6.4755 5.77355 6.49327 5.62053L6.5 5.50085L6.49295 5.38455L6.47359 5.27462L6.4555 5.20803C6.3403 4.83588 6.01398 4.55679 5.61662 4.51063L5.5 4.50391C5.44344 4.50391 5.38799 4.5086 5.33399 4.51762L5.253 4.53391L5.163 4.56191L5.106 4.58391L5.00898 4.63256C4.70513 4.80415 4.5 5.13007 4.5 5.50391Z" fill="currentColor"/></svg>

Details

NameCrop Interim
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_crop_interim_24_regular.svg
Filled fileic_fluent_crop_interim_24_filled.svg
React (Regular)CropInterim20Regular, CropInterim24Regular
React (Filled)CropInterim20Filled, CropInterim24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

Related icons

Crop Interim OffCropCrop Arrow RotateCrop SparkleAlign StraightenCredit Card ToolboxCrownCredit Card PersonCrown SubtractCredit Card ClockCubeCowork