language jsx icon
language-jsx from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- language-jsx
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
Related icons in Material Design Icons
language-clanguage-cpplanguage-csharplanguage-css3language-fortranlanguage-golanguage-haskelllanguage-html5language-javalanguage-javascriptlanguage-kotlinlanguage-lualanguage-markdownlanguage-phplanguage-pythonlanguage-python-textlanguage-rlanguage-rubylanguage-ruby-on-railslanguage-rustlanguage-swiftlanguage-typescriptlanguage-xaml
Use the language jsx icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M3 3h18v18H3V3zm1.183 15.123c.355.753 1.055 1.377 2.26 1.377c1.334 0 2.249-.71 2.249-2.27v-5.144H7.185v5.122c0 .753-.312.947-.807.947c-.516 0-.732-.355-.968-.775l-1.227.743zm5.327-.162c.44.872 1.345 1.539 2.744 1.539c1.43 0 2.496-.742 2.496-2.098c0-1.26-.721-1.819-2.002-2.368l-.376-.16c-.646-.28-.925-.464-.925-.916c0-.365.28-.645.72-.645c.431 0 .71.183.969.645l1.173-.753C13.814 12.334 13.125 12 12.168 12c-1.345 0-2.206.86-2.206 1.99c0 1.227.72 1.809 1.808 2.271l.376.162c.689.3 1.097.484 1.097 1c0 .43-.398.743-1.022.743c-.742 0-1.162-.388-1.485-.915l-1.226.71zm8.002-4.092L16.68 12h-1.5l1.582 3.553l-1.757 3.947h1.5l1.008-2.262L18.52 19.5h1.5l-1.758-3.947L19.845 12h-1.5l-.832 1.869z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function MdiLanguageJsx(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M3 3h18v18H3V3zm1.183 15.123c.355.753 1.055 1.377 2.26 1.377c1.334 0 2.249-.71 2.249-2.27v-5.144H7.185v5.122c0 .753-.312.947-.807.947c-.516 0-.732-.355-.968-.775l-1.227.743zm5.327-.162c.44.872 1.345 1.539 2.744 1.539c1.43 0 2.496-.742 2.496-2.098c0-1.26-.721-1.819-2.002-2.368l-.376-.16c-.646-.28-.925-.464-.925-.916c0-.365.28-.645.72-.645c.431 0 .71.183.969.645l1.173-.753C13.814 12.334 13.125 12 12.168 12c-1.345 0-2.206.86-2.206 1.99c0 1.227.72 1.809 1.808 2.271l.376.162c.689.3 1.097.484 1.097 1c0 .43-.398.743-1.022.743c-.742 0-1.162-.388-1.485-.915l-1.226.71zm8.002-4.092L16.68 12h-1.5l1.582 3.553l-1.757 3.947h1.5l1.008-2.262L18.52 19.5h1.5l-1.758-3.947L19.845 12h-1.5l-.832 1.869z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M3 3h18v18H3V3zm1.183 15.123c.355.753 1.055 1.377 2.26 1.377c1.334 0 2.249-.71 2.249-2.27v-5.144H7.185v5.122c0 .753-.312.947-.807.947c-.516 0-.732-.355-.968-.775l-1.227.743zm5.327-.162c.44.872 1.345 1.539 2.744 1.539c1.43 0 2.496-.742 2.496-2.098c0-1.26-.721-1.819-2.002-2.368l-.376-.16c-.646-.28-.925-.464-.925-.916c0-.365.28-.645.72-.645c.431 0 .71.183.969.645l1.173-.753C13.814 12.334 13.125 12 12.168 12c-1.345 0-2.206.86-2.206 1.99c0 1.227.72 1.809 1.808 2.271l.376.162c.689.3 1.097.484 1.097 1c0 .43-.398.743-1.022.743c-.742 0-1.162-.388-1.485-.915l-1.226.71zm8.002-4.092L16.68 12h-1.5l1.582 3.553l-1.757 3.947h1.5l1.008-2.262L18.52 19.5h1.5l-1.758-3.947L19.845 12h-1.5l-.832 1.869z" fill="currentColor"/></svg> </template>
CSS
.icon-language-jsx {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%203h18v18H3V3zm1.183%2015.123c.355.753%201.055%201.377%202.26%201.377c1.334%200%202.249-.71%202.249-2.27v-5.144H7.185v5.122c0%20.753-.312.947-.807.947c-.516%200-.732-.355-.968-.775l-1.227.743zm5.327-.162c.44.872%201.345%201.539%202.744%201.539c1.43%200%202.496-.742%202.496-2.098c0-1.26-.721-1.819-2.002-2.368l-.376-.16c-.646-.28-.925-.464-.925-.916c0-.365.28-.645.72-.645c.431%200%20.71.183.969.645l1.173-.753C13.814%2012.334%2013.125%2012%2012.168%2012c-1.345%200-2.206.86-2.206%201.99c0%201.227.72%201.809%201.808%202.271l.376.162c.689.3%201.097.484%201.097%201c0%20.43-.398.743-1.022.743c-.742%200-1.162-.388-1.485-.915l-1.226.71zm8.002-4.092L16.68%2012h-1.5l1.582%203.553l-1.757%203.947h1.5l1.008-2.262L18.52%2019.5h1.5l-1.758-3.947L19.845%2012h-1.5l-.832%201.869z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%203h18v18H3V3zm1.183%2015.123c.355.753%201.055%201.377%202.26%201.377c1.334%200%202.249-.71%202.249-2.27v-5.144H7.185v5.122c0%20.753-.312.947-.807.947c-.516%200-.732-.355-.968-.775l-1.227.743zm5.327-.162c.44.872%201.345%201.539%202.744%201.539c1.43%200%202.496-.742%202.496-2.098c0-1.26-.721-1.819-2.002-2.368l-.376-.16c-.646-.28-.925-.464-.925-.916c0-.365.28-.645.72-.645c.431%200%20.71.183.969.645l1.173-.753C13.814%2012.334%2013.125%2012%2012.168%2012c-1.345%200-2.206.86-2.206%201.99c0%201.227.72%201.809%201.808%202.271l.376.162c.689.3%201.097.484%201.097%201c0%20.43-.398.743-1.022.743c-.742%200-1.162-.388-1.485-.915l-1.226.71zm8.002-4.092L16.68%2012h-1.5l1.582%203.553l-1.757%203.947h1.5l1.008-2.262L18.52%2019.5h1.5l-1.758-3.947L19.845%2012h-1.5l-.832%201.869z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/language-jsx.svg?color=%231a73e8&size=48
