java icon
java from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- java
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the java icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M6.175 10.333c-1.208.408-1.955.971-1.955 1.593c0 .848 1.389 1.587 3.44 1.971m0 0c-.762.385-1.217.874-1.217 1.407c0 1.243 2.487 2.252 5.555 2.252c.79 0 1.542-.067 2.223-.188m-6.56-3.471c.955.179 2.055.28 3.226.28c1.708 0 3.265-.216 4.445-.572m1.11-3.48c-1.411.416-3.379.675-5.555.675c-4.295 0-7.778-1.008-7.778-2.252c0-.96 2.077-1.78 5-2.104"/><path d="M22 19.07C22 20.688 17.523 22 12 22S2 20.688 2 19.07c0-1.15 1.707-2.146 5-2.626"/><path stroke-linejoin="round" d="M18.76 8.788c4.214-1.094 4.816 5.468-1.205 7.656M17.558 2c-.74.123-2.133.815-1.778 2.593c.356 1.777-.148 2.716-.444 2.963M13.113 2c-.741.148-2.134.978-1.778 3.111s-.148 2.704-.444 3"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsJava(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="M6.175 10.333c-1.208.408-1.955.971-1.955 1.593c0 .848 1.389 1.587 3.44 1.971m0 0c-.762.385-1.217.874-1.217 1.407c0 1.243 2.487 2.252 5.555 2.252c.79 0 1.542-.067 2.223-.188m-6.56-3.471c.955.179 2.055.28 3.226.28c1.708 0 3.265-.216 4.445-.572m1.11-3.48c-1.411.416-3.379.675-5.555.675c-4.295 0-7.778-1.008-7.778-2.252c0-.96 2.077-1.78 5-2.104"/><path d="M22 19.07C22 20.688 17.523 22 12 22S2 20.688 2 19.07c0-1.15 1.707-2.146 5-2.626"/><path strokeLinejoin="round" d="M18.76 8.788c4.214-1.094 4.816 5.468-1.205 7.656M17.558 2c-.74.123-2.133.815-1.778 2.593c.356 1.777-.148 2.716-.444 2.963M13.113 2c-.741.148-2.134.978-1.778 3.111s-.148 2.704-.444 3"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M6.175 10.333c-1.208.408-1.955.971-1.955 1.593c0 .848 1.389 1.587 3.44 1.971m0 0c-.762.385-1.217.874-1.217 1.407c0 1.243 2.487 2.252 5.555 2.252c.79 0 1.542-.067 2.223-.188m-6.56-3.471c.955.179 2.055.28 3.226.28c1.708 0 3.265-.216 4.445-.572m1.11-3.48c-1.411.416-3.379.675-5.555.675c-4.295 0-7.778-1.008-7.778-2.252c0-.96 2.077-1.78 5-2.104"/><path d="M22 19.07C22 20.688 17.523 22 12 22S2 20.688 2 19.07c0-1.15 1.707-2.146 5-2.626"/><path stroke-linejoin="round" d="M18.76 8.788c4.214-1.094 4.816 5.468-1.205 7.656M17.558 2c-.74.123-2.133.815-1.778 2.593c.356 1.777-.148 2.716-.444 2.963M13.113 2c-.741.148-2.134.978-1.778 3.111s-.148 2.704-.444 3"/></g></svg> </template>
CSS
.icon-java {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M6.175%2010.333c-1.208.408-1.955.971-1.955%201.593c0%20.848%201.389%201.587%203.44%201.971m0%200c-.762.385-1.217.874-1.217%201.407c0%201.243%202.487%202.252%205.555%202.252c.79%200%201.542-.067%202.223-.188m-6.56-3.471c.955.179%202.055.28%203.226.28c1.708%200%203.265-.216%204.445-.572m1.11-3.48c-1.411.416-3.379.675-5.555.675c-4.295%200-7.778-1.008-7.778-2.252c0-.96%202.077-1.78%205-2.104%22%2F%3E%3Cpath%20d%3D%22M22%2019.07C22%2020.688%2017.523%2022%2012%2022S2%2020.688%202%2019.07c0-1.15%201.707-2.146%205-2.626%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M18.76%208.788c4.214-1.094%204.816%205.468-1.205%207.656M17.558%202c-.74.123-2.133.815-1.778%202.593c.356%201.777-.148%202.716-.444%202.963M13.113%202c-.741.148-2.134.978-1.778%203.111s-.148%202.704-.444%203%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M6.175%2010.333c-1.208.408-1.955.971-1.955%201.593c0%20.848%201.389%201.587%203.44%201.971m0%200c-.762.385-1.217.874-1.217%201.407c0%201.243%202.487%202.252%205.555%202.252c.79%200%201.542-.067%202.223-.188m-6.56-3.471c.955.179%202.055.28%203.226.28c1.708%200%203.265-.216%204.445-.572m1.11-3.48c-1.411.416-3.379.675-5.555.675c-4.295%200-7.778-1.008-7.778-2.252c0-.96%202.077-1.78%205-2.104%22%2F%3E%3Cpath%20d%3D%22M22%2019.07C22%2020.688%2017.523%2022%2012%2022S2%2020.688%202%2019.07c0-1.15%201.707-2.146%205-2.626%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M18.76%208.788c4.214-1.094%204.816%205.468-1.205%207.656M17.558%202c-.74.123-2.133.815-1.778%202.593c.356%201.777-.148%202.716-.444%202.963M13.113%202c-.741.148-2.134.978-1.778%203.111s-.148%202.704-.444%203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/java.svg?color=%231a73e8&size=48
