Code Off icon (Filled & Regular)

The Code Off icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Use the Code Off 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 { CodeOff24Regular, CodeOff24Filled } from "@fluentui/react-icons";

export function Example() {
  return <CodeOff24Regular aria-label="Code Off" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_code_off_24_regular.svg" width="24" height="24" alt="Code Off">

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="M2.21972 2.21971C2.5126 1.92683 2.98737 1.92685 3.28027 2.21971L21.7803 20.7198C22.073 21.0126 22.0729 21.4875 21.7803 21.7803C21.4874 22.0731 21.0126 22.073 20.7197 21.7803L12.2383 13.2988L9.43457 19.5567C9.26512 19.9344 8.82121 20.1028 8.44336 19.9336C8.0972 19.7782 7.92589 19.3923 8.03027 19.0381L8.06542 18.9424L11.1025 12.1631L7.37402 8.43458L3.81054 11.999L7.53027 15.7188C7.82304 16.0116 7.82281 16.4864 7.53027 16.7793C7.26407 17.0455 6.8473 17.0702 6.55371 16.8526L6.46972 16.7793L2.21972 12.5293C1.95387 12.263 1.92874 11.8462 2.14648 11.5527L2.21972 11.4688L6.31347 7.37402L2.21972 3.28026C1.92689 2.9874 1.92693 2.5126 2.21972 2.21971ZM16.4697 7.21875C16.7359 6.95295 17.1528 6.92908 17.4463 7.14648L17.5303 7.21875L21.7803 11.4688C22.0465 11.735 22.0702 12.1517 21.8525 12.4453L21.7803 12.5293L18.7451 15.5635L17.6846 14.503L20.1895 11.999L16.4697 8.2793C16.1773 7.98638 16.177 7.5115 16.4697 7.21875ZM14.5654 4.44238C14.7349 4.06485 15.1789 3.8964 15.5566 4.06542C15.9029 4.22078 16.074 4.60672 15.9697 4.96093L15.9346 5.05663L13.5518 10.3701L12.417 9.23438L14.5654 4.44238Z" 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/code_off_24_regular.svg";

Details

Name	Code Off
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_code_off_24_regular.svg`
Filled file	`ic_fluent_code_off_24_filled.svg`
React components	`CodeOff24Regular, CodeOff24Filled`
License	MIT (© Microsoft Corporation)

Code Off icon

Use the Code Off icon in React

Use it in HTML

Use it from the SVG package

Details

Related icons