Document Javascript icon
Used to represent Javascript file types and actions. The Document Javascript 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 Document Javascript 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 { DocumentJavascript24Regular, DocumentJavascript24Filled } from "@fluentui/react-icons";
export function Example() {
return <DocumentJavascript24Regular aria-label="Document Javascript" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_document_javascript_24_regular.svg" width="24" height="24" alt="Document Javascript"> 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="M18 20.5H10.9659C10.8786 21.0701 10.6282 21.5865 10.2636 22H18C19.104 22 20 21.104 20 20V9.828C20 9.298 19.789 8.789 19.414 8.414L13.585 2.586C13.2194 2.22035 12.6865 2 12.172 2H6C4.896 2 4 2.896 4 4V14.0177C4.08165 14.006 4.16512 14 4.25 14C4.73967 14 5.18237 14.2011 5.5 14.5253V4C5.5 3.725 5.724 3.5 6 3.5H12V8C12 9.104 12.896 10 14 10H18.5V20C18.5 20.275 18.276 20.5 18 20.5ZM17.378 8.5H14C13.724 8.5 13.5 8.275 13.5 8V4.621L17.378 8.5ZM4.25 15C4.66421 15 5 15.3358 5 15.75V20C5 21.1046 4.10457 22 3 22C1.89543 22 1 21.1046 1 20V19.75C1 19.3358 1.33579 19 1.75 19C2.16421 19 2.5 19.3358 2.5 19.75V20C2.5 20.2761 2.72386 20.5 3 20.5C3.27614 20.5 3.5 20.2761 3.5 20V15.75C3.5 15.3358 3.83579 15 4.25 15ZM7.95 15C6.87304 15 6 15.873 6 16.95V17.1838C6 17.7985 6.32252 18.3682 6.84963 18.6844L8.37862 19.6018C8.45393 19.647 8.5 19.7284 8.5 19.8162V20.05C8.5 20.2985 8.29853 20.5 8.05 20.5H7.95C7.70147 20.5 7.5 20.2985 7.5 20.05V20C7.5 19.5858 7.16421 19.25 6.75 19.25C6.33579 19.25 6 19.5858 6 20V20.05C6 21.127 6.87304 22 7.95 22H8.05C9.12696 22 10 21.127 10 20.05V19.8162C10 19.2015 9.67748 18.6318 9.15037 18.3156L7.62138 17.3982C7.54607 17.353 7.5 17.2716 7.5 17.1838V16.95C7.5 16.7015 7.70147 16.5 7.95 16.5H8.05C8.29853 16.5 8.5 16.7015 8.5 16.95V17C8.5 17.4142 8.83579 17.75 9.25 17.75C9.66421 17.75 10 17.4142 10 17V16.95C10 15.873 9.12696 15 8.05 15H7.95Z" 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/document_javascript_24_regular.svg";Details
| Name | Document Javascript |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_document_javascript_24_regular.svg |
| Filled file | ic_fluent_document_javascript_24_filled.svg |
| React components | DocumentJavascript24Regular, DocumentJavascript24Filled |
| License | MIT (© Microsoft Corporation) |