javascript icon
javascript-line from Remix Icon by Remix Design · Line · Development · Apache-2.0 Free for personal and commercial use.
- Name
- javascript-line
- Set
- Remix Icon
- Style
- Line
- Category
- Development
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
javascript-fillAkar IconsjavascriptBootstrap IconsjavascriptBoxicons BrandsjavascriptCatppuccin IconsjavascriptCoreUI BrandsjavascriptDeviconjavascript-16-filledFluent UI System IconsjavascriptSVG LogosjavascriptMaterial Icon ThemejavascriptMaterial SymbolsjavascriptMaterial Symbols LightjavascriptOpenMojijavascriptSimple IconsjavascriptSkill Iconsjavascript-outlineTeenyicons
More development icons from Remix Icon
braces-fillbrackets-fillbug-2-fillbug-fillcode-ai-fillcode-box-fillcode-fillcode-s-fillcode-s-slash-fillcommand-fillcss3-fillcursor-fillgit-branch-fillgit-close-pull-request-fillgit-commit-fillgit-fork-fillgit-merge-fillgit-pr-draft-fillgit-pull-request-fillgit-repository-commits-fillgit-repository-fillgit-repository-private-fillhtml5-fillissues-fill
Use the javascript icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.334 16.055l-.858 1.188q1.221 1.089 3.036 1.089q1.386-.033 2.112-.715q.737-.693.737-1.65q0-.935-.517-1.54t-1.738-.968q-1.01-.307-1.43-.561q-.418-.264-.418-.638q0-.34.341-.55q.342-.21.913-.209q.419 0 .946.165q.528.143.935.462l.77-1.199q-1.011-.814-2.684-.814q-1.198 0-1.969.616q-.792.615-.792 1.529q.011.968.638 1.507q.638.54 1.815.88q.98.307 1.331.616a.97.97 0 0 1 .341.748a.75.75 0 0 1-.34.66q-.353.242-1.013.242q-1.077.01-2.156-.858m-5.53.638a2.2 2.2 0 0 1-.616-.583l-1.034.847q.463.78 1.144 1.089q.638.285 1.463.286q.45 0 .935-.143t.891-.484q.715-.572.748-1.87v-5.588H9.85v5.302q0 .76-.34 1.067q-.342.297-.859.297q-.495 0-.847-.22M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"/></svg>
React
import type { SVGProps } from "react";
export function RiJavascriptLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.334 16.055l-.858 1.188q1.221 1.089 3.036 1.089q1.386-.033 2.112-.715q.737-.693.737-1.65q0-.935-.517-1.54t-1.738-.968q-1.01-.307-1.43-.561q-.418-.264-.418-.638q0-.34.341-.55q.342-.21.913-.209q.419 0 .946.165q.528.143.935.462l.77-1.199q-1.011-.814-2.684-.814q-1.198 0-1.969.616q-.792.615-.792 1.529q.011.968.638 1.507q.638.54 1.815.88q.98.307 1.331.616a.97.97 0 0 1 .341.748a.75.75 0 0 1-.34.66q-.353.242-1.013.242q-1.077.01-2.156-.858m-5.53.638a2.2 2.2 0 0 1-.616-.583l-1.034.847q.463.78 1.144 1.089q.638.285 1.463.286q.45 0 .935-.143t.891-.484q.715-.572.748-1.87v-5.588H9.85v5.302q0 .76-.34 1.067q-.342.297-.859.297q-.495 0-.847-.22M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.334 16.055l-.858 1.188q1.221 1.089 3.036 1.089q1.386-.033 2.112-.715q.737-.693.737-1.65q0-.935-.517-1.54t-1.738-.968q-1.01-.307-1.43-.561q-.418-.264-.418-.638q0-.34.341-.55q.342-.21.913-.209q.419 0 .946.165q.528.143.935.462l.77-1.199q-1.011-.814-2.684-.814q-1.198 0-1.969.616q-.792.615-.792 1.529q.011.968.638 1.507q.638.54 1.815.88q.98.307 1.331.616a.97.97 0 0 1 .341.748a.75.75 0 0 1-.34.66q-.353.242-1.013.242q-1.077.01-2.156-.858m-5.53.638a2.2 2.2 0 0 1-.616-.583l-1.034.847q.463.78 1.144 1.089q.638.285 1.463.286q.45 0 .935-.143t.891-.484q.715-.572.748-1.87v-5.588H9.85v5.302q0 .76-.34 1.067q-.342.297-.859.297q-.495 0-.847-.22M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z"/></svg> </template>
CSS
.icon-javascript-line {
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%20fill%3D%22currentColor%22%20d%3D%22m13.334%2016.055l-.858%201.188q1.221%201.089%203.036%201.089q1.386-.033%202.112-.715q.737-.693.737-1.65q0-.935-.517-1.54t-1.738-.968q-1.01-.307-1.43-.561q-.418-.264-.418-.638q0-.34.341-.55q.342-.21.913-.209q.419%200%20.946.165q.528.143.935.462l.77-1.199q-1.011-.814-2.684-.814q-1.198%200-1.969.616q-.792.615-.792%201.529q.011.968.638%201.507q.638.54%201.815.88q.98.307%201.331.616a.97.97%200%200%201%20.341.748a.75.75%200%200%201-.34.66q-.353.242-1.013.242q-1.077.01-2.156-.858m-5.53.638a2.2%202.2%200%200%201-.616-.583l-1.034.847q.463.78%201.144%201.089q.638.285%201.463.286q.45%200%20.935-.143t.891-.484q.715-.572.748-1.87v-5.588H9.85v5.302q0%20.76-.34%201.067q-.342.297-.859.297q-.495%200-.847-.22M3%206a3%203%200%200%201%203-3h12a3%203%200%200%201%203%203v12a3%203%200%200%201-3%203H6a3%203%200%200%201-3-3zm3-1a1%201%200%200%200-1%201v12a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V6a1%201%200%200%200-1-1z%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%20fill%3D%22currentColor%22%20d%3D%22m13.334%2016.055l-.858%201.188q1.221%201.089%203.036%201.089q1.386-.033%202.112-.715q.737-.693.737-1.65q0-.935-.517-1.54t-1.738-.968q-1.01-.307-1.43-.561q-.418-.264-.418-.638q0-.34.341-.55q.342-.21.913-.209q.419%200%20.946.165q.528.143.935.462l.77-1.199q-1.011-.814-2.684-.814q-1.198%200-1.969.616q-.792.615-.792%201.529q.011.968.638%201.507q.638.54%201.815.88q.98.307%201.331.616a.97.97%200%200%201%20.341.748a.75.75%200%200%201-.34.66q-.353.242-1.013.242q-1.077.01-2.156-.858m-5.53.638a2.2%202.2%200%200%201-.616-.583l-1.034.847q.463.78%201.144%201.089q.638.285%201.463.286q.45%200%20.935-.143t.891-.484q.715-.572.748-1.87v-5.588H9.85v5.302q0%20.76-.34%201.067q-.342.297-.859.297q-.495%200-.847-.22M3%206a3%203%200%200%201%203-3h12a3%203%200%200%201%203%203v12a3%203%200%200%201-3%203H6a3%203%200%200%201-3-3zm3-1a1%201%200%200%200-1%201v12a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V6a1%201%200%200%200-1-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/javascript-line.svg?color=%231a73e8&size=48
