Translate Off icon
Used to represent turning off translation needs. The Translate 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 Translate 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 { TranslateOff24Regular, TranslateOff24Filled } from "@fluentui/react-icons";
export function Example() {
return <TranslateOff24Regular aria-label="Translate Off" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_translate_off_24_regular.svg" width="24" height="24" alt="Translate 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="M3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L4.48135 5.54206C3.97574 5.69437 3.59807 5.87921 3.38512 5.99672C3.02245 6.19684 2.89069 6.65307 3.09081 7.01573C3.29093 7.3784 3.74715 7.51016 4.10982 7.31004C4.35586 7.17427 4.94407 6.89581 5.74811 6.80884L7.7444 8.80518C6.65084 8.65097 5.25413 8.65862 3.94794 9.28428C2.36169 10.0441 1.81748 11.6006 2.04591 12.9813C2.27037 14.338 3.26232 15.6479 4.84609 15.9329C6.2756 16.1901 7.65146 15.677 8.60343 15.1715C8.74209 15.0979 8.87408 15.0231 8.9985 14.9492V15.2498C8.9985 15.664 9.33429 15.9998 9.7485 15.9998C10.1627 15.9998 10.4985 15.664 10.4985 15.2498L10.4985 11.5593L12.7959 13.8567C12.444 14.223 12.1632 14.6129 11.9536 15.0115C11.3404 16.1772 11.293 17.568 12.1588 18.4543C12.7306 19.0387 13.5672 19.0947 14.2882 18.9399C14.6937 18.8528 15.1137 18.6915 15.5284 18.4657C15.5345 18.4813 15.5404 18.4968 15.5461 18.5121C15.691 18.9002 16.123 19.0973 16.511 18.9525C16.8865 18.8123 17.0833 18.4033 16.9644 18.0254L17.8382 18.8991C17.7405 19.084 17.7202 19.3085 17.8011 19.519C17.9498 19.9056 18.3837 20.0985 18.7703 19.9499C18.7989 19.9389 18.8273 19.9277 18.8555 19.9165L20.7194 21.7805C21.0123 22.0734 21.4872 22.0734 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968ZM14.5423 15.6033C14.5493 15.645 14.5564 15.6863 14.5639 15.7272C14.6582 16.2458 14.7998 16.7009 14.95 17.0995C14.6448 17.2707 14.3185 17.3992 13.9734 17.4733C13.4885 17.5774 13.2861 17.4616 13.231 17.4053C12.9922 17.1608 12.8375 16.5532 13.2811 15.7098C13.4177 15.4502 13.6078 15.1812 13.857 14.9179L14.5423 15.6033ZM20.2472 16.869C20.2263 16.9121 20.2039 16.9552 20.1801 16.9982L21.2679 18.0859C21.3936 17.9046 21.5034 17.7164 21.5972 17.5226C22.091 16.5027 22.1153 15.3791 21.7509 14.3953C21.3377 13.2794 20.4505 12.385 19.2466 11.9717C19.2485 11.8982 19.2494 11.8243 19.2494 11.7498C19.2494 11.3356 18.9136 10.9998 18.4994 10.9998C18.0941 10.9998 17.7639 11.3213 17.7498 11.7232C17.2249 11.7191 16.6648 11.794 16.0776 11.961C16.1409 11.5055 16.2253 11.0073 16.3347 10.461C17.519 10.3716 18.6981 10.2084 19.6708 9.97993C20.0741 9.8852 20.3242 9.48152 20.2294 9.07828C20.1347 8.67505 19.731 8.42495 19.3278 8.51968C18.5598 8.70011 17.638 8.83756 16.6897 8.92583C16.7758 8.59603 16.8712 8.25536 16.9606 7.98615C17.0911 7.59304 16.8782 7.16855 16.4851 7.03804C16.092 6.90753 15.6675 7.12041 15.537 7.51353C15.3891 7.95902 15.233 8.55349 15.1174 9.026C14.3812 9.05119 13.6717 9.04404 13.0505 9.00155C12.8084 8.985 12.5853 9.08525 12.4363 9.25422L13.7154 10.5333C14.0613 10.5422 14.4225 10.5428 14.7923 10.5353C14.7322 10.8555 14.6802 11.1613 14.6357 11.4537L16.5644 13.3824C16.9324 13.2831 17.2762 13.2323 17.5952 13.2223C17.5303 13.5224 17.4382 13.831 17.3207 14.1387L18.4653 15.2834C18.7232 14.7464 18.93 14.1564 19.0663 13.517C19.704 13.8291 20.1355 14.3525 20.3443 14.9163C20.5716 15.5299 20.5572 16.2286 20.2472 16.869ZM7.80802 10.334C8.29139 10.4199 8.70564 10.5399 8.9985 10.6383V13.1444C8.96621 13.1689 8.93112 13.1951 8.89337 13.2227C8.6526 13.3988 8.3091 13.6294 7.89995 13.8467C7.05912 14.2932 6.0502 14.6255 5.11177 14.4566C4.26739 14.3046 3.66714 13.5908 3.52579 12.7364C3.3884 11.906 3.70477 11.064 4.59594 10.6371C5.63338 10.1402 6.82165 10.1587 7.80802 10.334Z" 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/translate_off_24_regular.svg";Details
| Name | Translate Off |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_translate_off_24_regular.svg |
| Filled file | ic_fluent_translate_off_24_filled.svg |
| React components | TranslateOff24Regular, TranslateOff24Filled |
| License | MIT (© Microsoft Corporation) |