Crop Interim icon

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" />;
}

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>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

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

Details

Keywords

edit.