java logo

java-dark from Skill Icons by tandpfun · Dark · MIT Free for personal and commercial use.

Name: java-dark
Set: Skill Icons
Style: Dark
Viewbox: 256×256
License: MIT

1 other variant in Skill Icons

The same logo in other sets

java-outlinedAnt Design Icons javaBoxicons Brands javaCarbon javaCatppuccin Icons javaCoreUI Brands javaDevicon javaFont Awesome 6 Brands javaFont Awesome Brands javaHuge Icons javaLine Awesome javaSVG Logos javaMaterial Icon Theme java-fillRemix Icon

Use the java logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#fff" d="M101.634 182.619s-7.68 4.674 5.345 6.011c15.728 2.004 24.044 1.669 41.407-1.668c0 0 4.674 3.009 11.02 5.344c-39.075 16.696-88.497-1.002-57.772-9.687m-5.009-21.705s-8.35 6.346 4.674 7.679c17.028 1.669 30.391 2.004 53.433-2.667c0 0 3.009 3.341 8.015 5.01c-47.083 14.025-99.85 1.333-66.122-10.019zm92.17 38.07s5.676 4.674-6.346 8.35c-22.376 6.678-93.839 8.685-113.876 0c-7.009-3.009 6.347-7.352 10.686-8.015c4.342-1.002 6.678-1.002 6.678-1.002c-7.68-5.344-51.095 11.02-22.041 15.729c79.813 13.027 145.603-5.676 124.896-15.028zm-83.488-60.781s-36.402 8.685-13.028 11.687c10.019 1.333 29.721 1.002 48.089-.335c15.028-1.334 30.09-4.007 30.09-4.007s-5.345 2.338-9.017 4.674c-37.099 9.693-108.23 5.351-87.858-4.668c17.37-8.35 31.724-7.351 31.724-7.351m65.116 36.401c37.407-19.37 20.037-38.07 8.015-35.731c-3.009.667-4.342 1.334-4.342 1.334s1.001-2.004 3.34-2.667c23.709-8.35 42.413 25.046-7.679 38.07c0 0 .335-.335.666-1.002zm-61.444 52.76c36.067 2.339 91.168-1.334 92.505-18.369c0 0-2.667 6.678-29.72 11.688c-30.722 5.676-68.796 5.009-91.168 1.333c0 0 4.674 4.007 28.386 5.344z"/><path fill="#f58219" d="M147.685 28s20.704 21.039-19.702 52.76c-32.394 25.712-7.351 40.408 0 57.101c-19.035-17.028-32.722-32.059-23.377-46.085C118.331 71.083 156.062 61.064 147.685 28M137 123.842c9.683 11.02-2.667 21.039-2.667 21.039s24.711-12.686 13.359-28.387c-10.354-15.028-18.368-22.376 25.046-47.425c0 0-68.46 17.028-35.731 54.766z"/></g></svg>

React

import type { SVGProps } from "react";

export function SkillIconsJavaDark(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#fff" d="M101.634 182.619s-7.68 4.674 5.345 6.011c15.728 2.004 24.044 1.669 41.407-1.668c0 0 4.674 3.009 11.02 5.344c-39.075 16.696-88.497-1.002-57.772-9.687m-5.009-21.705s-8.35 6.346 4.674 7.679c17.028 1.669 30.391 2.004 53.433-2.667c0 0 3.009 3.341 8.015 5.01c-47.083 14.025-99.85 1.333-66.122-10.019zm92.17 38.07s5.676 4.674-6.346 8.35c-22.376 6.678-93.839 8.685-113.876 0c-7.009-3.009 6.347-7.352 10.686-8.015c4.342-1.002 6.678-1.002 6.678-1.002c-7.68-5.344-51.095 11.02-22.041 15.729c79.813 13.027 145.603-5.676 124.896-15.028zm-83.488-60.781s-36.402 8.685-13.028 11.687c10.019 1.333 29.721 1.002 48.089-.335c15.028-1.334 30.09-4.007 30.09-4.007s-5.345 2.338-9.017 4.674c-37.099 9.693-108.23 5.351-87.858-4.668c17.37-8.35 31.724-7.351 31.724-7.351m65.116 36.401c37.407-19.37 20.037-38.07 8.015-35.731c-3.009.667-4.342 1.334-4.342 1.334s1.001-2.004 3.34-2.667c23.709-8.35 42.413 25.046-7.679 38.07c0 0 .335-.335.666-1.002zm-61.444 52.76c36.067 2.339 91.168-1.334 92.505-18.369c0 0-2.667 6.678-29.72 11.688c-30.722 5.676-68.796 5.009-91.168 1.333c0 0 4.674 4.007 28.386 5.344z"/><path fill="#f58219" d="M147.685 28s20.704 21.039-19.702 52.76c-32.394 25.712-7.351 40.408 0 57.101c-19.035-17.028-32.722-32.059-23.377-46.085C118.331 71.083 156.062 61.064 147.685 28M137 123.842c9.683 11.02-2.667 21.039-2.667 21.039s24.711-12.686 13.359-28.387c-10.354-15.028-18.368-22.376 25.046-47.425c0 0-68.46 17.028-35.731 54.766z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="#fff" d="M101.634 182.619s-7.68 4.674 5.345 6.011c15.728 2.004 24.044 1.669 41.407-1.668c0 0 4.674 3.009 11.02 5.344c-39.075 16.696-88.497-1.002-57.772-9.687m-5.009-21.705s-8.35 6.346 4.674 7.679c17.028 1.669 30.391 2.004 53.433-2.667c0 0 3.009 3.341 8.015 5.01c-47.083 14.025-99.85 1.333-66.122-10.019zm92.17 38.07s5.676 4.674-6.346 8.35c-22.376 6.678-93.839 8.685-113.876 0c-7.009-3.009 6.347-7.352 10.686-8.015c4.342-1.002 6.678-1.002 6.678-1.002c-7.68-5.344-51.095 11.02-22.041 15.729c79.813 13.027 145.603-5.676 124.896-15.028zm-83.488-60.781s-36.402 8.685-13.028 11.687c10.019 1.333 29.721 1.002 48.089-.335c15.028-1.334 30.09-4.007 30.09-4.007s-5.345 2.338-9.017 4.674c-37.099 9.693-108.23 5.351-87.858-4.668c17.37-8.35 31.724-7.351 31.724-7.351m65.116 36.401c37.407-19.37 20.037-38.07 8.015-35.731c-3.009.667-4.342 1.334-4.342 1.334s1.001-2.004 3.34-2.667c23.709-8.35 42.413 25.046-7.679 38.07c0 0 .335-.335.666-1.002zm-61.444 52.76c36.067 2.339 91.168-1.334 92.505-18.369c0 0-2.667 6.678-29.72 11.688c-30.722 5.676-68.796 5.009-91.168 1.333c0 0 4.674 4.007 28.386 5.344z"/><path fill="#f58219" d="M147.685 28s20.704 21.039-19.702 52.76c-32.394 25.712-7.351 40.408 0 57.101c-19.035-17.028-32.722-32.059-23.377-46.085C118.331 71.083 156.062 61.064 147.685 28M137 123.842c9.683 11.02-2.667 21.039-2.667 21.039s24.711-12.686 13.359-28.387c-10.354-15.028-18.368-22.376 25.046-47.425c0 0-68.46 17.028-35.731 54.766z"/></g></svg>
</template>

CSS

.icon-java-dark {
  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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M101.634%20182.619s-7.68%204.674%205.345%206.011c15.728%202.004%2024.044%201.669%2041.407-1.668c0%200%204.674%203.009%2011.02%205.344c-39.075%2016.696-88.497-1.002-57.772-9.687m-5.009-21.705s-8.35%206.346%204.674%207.679c17.028%201.669%2030.391%202.004%2053.433-2.667c0%200%203.009%203.341%208.015%205.01c-47.083%2014.025-99.85%201.333-66.122-10.019zm92.17%2038.07s5.676%204.674-6.346%208.35c-22.376%206.678-93.839%208.685-113.876%200c-7.009-3.009%206.347-7.352%2010.686-8.015c4.342-1.002%206.678-1.002%206.678-1.002c-7.68-5.344-51.095%2011.02-22.041%2015.729c79.813%2013.027%20145.603-5.676%20124.896-15.028zm-83.488-60.781s-36.402%208.685-13.028%2011.687c10.019%201.333%2029.721%201.002%2048.089-.335c15.028-1.334%2030.09-4.007%2030.09-4.007s-5.345%202.338-9.017%204.674c-37.099%209.693-108.23%205.351-87.858-4.668c17.37-8.35%2031.724-7.351%2031.724-7.351m65.116%2036.401c37.407-19.37%2020.037-38.07%208.015-35.731c-3.009.667-4.342%201.334-4.342%201.334s1.001-2.004%203.34-2.667c23.709-8.35%2042.413%2025.046-7.679%2038.07c0%200%20.335-.335.666-1.002zm-61.444%2052.76c36.067%202.339%2091.168-1.334%2092.505-18.369c0%200-2.667%206.678-29.72%2011.688c-30.722%205.676-68.796%205.009-91.168%201.333c0%200%204.674%204.007%2028.386%205.344z%22%2F%3E%3Cpath%20fill%3D%22%23f58219%22%20d%3D%22M147.685%2028s20.704%2021.039-19.702%2052.76c-32.394%2025.712-7.351%2040.408%200%2057.101c-19.035-17.028-32.722-32.059-23.377-46.085C118.331%2071.083%20156.062%2061.064%20147.685%2028M137%20123.842c9.683%2011.02-2.667%2021.039-2.667%2021.039s24.711-12.686%2013.359-28.387c-10.354-15.028-18.368-22.376%2025.046-47.425c0%200-68.46%2017.028-35.731%2054.766z%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23242938%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M101.634%20182.619s-7.68%204.674%205.345%206.011c15.728%202.004%2024.044%201.669%2041.407-1.668c0%200%204.674%203.009%2011.02%205.344c-39.075%2016.696-88.497-1.002-57.772-9.687m-5.009-21.705s-8.35%206.346%204.674%207.679c17.028%201.669%2030.391%202.004%2053.433-2.667c0%200%203.009%203.341%208.015%205.01c-47.083%2014.025-99.85%201.333-66.122-10.019zm92.17%2038.07s5.676%204.674-6.346%208.35c-22.376%206.678-93.839%208.685-113.876%200c-7.009-3.009%206.347-7.352%2010.686-8.015c4.342-1.002%206.678-1.002%206.678-1.002c-7.68-5.344-51.095%2011.02-22.041%2015.729c79.813%2013.027%20145.603-5.676%20124.896-15.028zm-83.488-60.781s-36.402%208.685-13.028%2011.687c10.019%201.333%2029.721%201.002%2048.089-.335c15.028-1.334%2030.09-4.007%2030.09-4.007s-5.345%202.338-9.017%204.674c-37.099%209.693-108.23%205.351-87.858-4.668c17.37-8.35%2031.724-7.351%2031.724-7.351m65.116%2036.401c37.407-19.37%2020.037-38.07%208.015-35.731c-3.009.667-4.342%201.334-4.342%201.334s1.001-2.004%203.34-2.667c23.709-8.35%2042.413%2025.046-7.679%2038.07c0%200%20.335-.335.666-1.002zm-61.444%2052.76c36.067%202.339%2091.168-1.334%2092.505-18.369c0%200-2.667%206.678-29.72%2011.688c-30.722%205.676-68.796%205.009-91.168%201.333c0%200%204.674%204.007%2028.386%205.344z%22%2F%3E%3Cpath%20fill%3D%22%23f58219%22%20d%3D%22M147.685%2028s20.704%2021.039-19.702%2052.76c-32.394%2025.712-7.351%2040.408%200%2057.101c-19.035-17.028-32.722-32.059-23.377-46.085C118.331%2071.083%20156.062%2061.064%20147.685%2028M137%20123.842c9.683%2011.02-2.667%2021.039-2.667%2021.039s24.711-12.686%2013.359-28.387c-10.354-15.028-18.368-22.376%2025.046-47.425c0%200-68.46%2017.028-35.731%2054.766z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/java-dark.svg?color=%231a73e8&size=48