julia logo

julia from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: julia
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

juliaCatppuccin Icons juliaFont Awesome Brands juliaSVG Logos juliaMaterial Icon Theme juliaSimple Icons julia-darkSkill Icons

Use the julia logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#cb3c33" d="M58.3 93.5c0 15.7-12.7 28.3-28.3 28.3c-15.7 0-28.3-12.7-28.3-28.3S14.4 65.2 30 65.2c15.6-.1 28.3 12.6 28.3 28.3"/><path fill="#eee" d="M30 123.4c-16.5 0-30-13.4-30-30s13.4-30 30-30s30 13.4 30 30s-13.5 30-30 30m0-56.6c-14.7 0-26.7 12-26.7 26.7s12 26.7 26.7 26.7s26.7-12 26.7-26.7s-12-26.7-26.7-26.7"/><path fill="#9558b2" d="M126.4 93.5c0 15.7-12.7 28.3-28.3 28.3s-28.3-12.7-28.3-28.3s12.7-28.3 28.3-28.3s28.3 12.6 28.3 28.3"/><path fill="#eee" d="M98 123.4c-16.5 0-30-13.4-30-30s13.4-30 30-30s30 13.4 30 30s-13.4 30-30 30m0-56.6c-14.7 0-26.7 12-26.7 26.7s12 26.7 26.7 26.7s26.7-12 26.7-26.7S112.8 66.8 98 66.8"/><path fill="#389826" d="M92.4 34.5c0 15.6-12.7 28.3-28.3 28.3c-15.7 0-28.3-12.7-28.3-28.3S48.4 6.2 64 6.2c15.7 0 28.4 12.7 28.4 28.3"/><path fill="#eee" d="M64 64.5c-16.5 0-30-13.4-30-30s13.4-30 30-30s30 13.4 30 30s-13.5 30-30 30m0-56.7c-14.7 0-26.7 12-26.7 26.7s12 26.7 26.7 26.7s26.7-12 26.7-26.7S78.7 7.8 64 7.8"/></svg>

React

import type { SVGProps } from "react";

export function DeviconJulia(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#cb3c33" d="M58.3 93.5c0 15.7-12.7 28.3-28.3 28.3c-15.7 0-28.3-12.7-28.3-28.3S14.4 65.2 30 65.2c15.6-.1 28.3 12.6 28.3 28.3"/><path fill="#eee" d="M30 123.4c-16.5 0-30-13.4-30-30s13.4-30 30-30s30 13.4 30 30s-13.5 30-30 30m0-56.6c-14.7 0-26.7 12-26.7 26.7s12 26.7 26.7 26.7s26.7-12 26.7-26.7s-12-26.7-26.7-26.7"/><path fill="#9558b2" d="M126.4 93.5c0 15.7-12.7 28.3-28.3 28.3s-28.3-12.7-28.3-28.3s12.7-28.3 28.3-28.3s28.3 12.6 28.3 28.3"/><path fill="#eee" d="M98 123.4c-16.5 0-30-13.4-30-30s13.4-30 30-30s30 13.4 30 30s-13.4 30-30 30m0-56.6c-14.7 0-26.7 12-26.7 26.7s12 26.7 26.7 26.7s26.7-12 26.7-26.7S112.8 66.8 98 66.8"/><path fill="#389826" d="M92.4 34.5c0 15.6-12.7 28.3-28.3 28.3c-15.7 0-28.3-12.7-28.3-28.3S48.4 6.2 64 6.2c15.7 0 28.4 12.7 28.4 28.3"/><path fill="#eee" d="M64 64.5c-16.5 0-30-13.4-30-30s13.4-30 30-30s30 13.4 30 30s-13.5 30-30 30m0-56.7c-14.7 0-26.7 12-26.7 26.7s12 26.7 26.7 26.7s26.7-12 26.7-26.7S78.7 7.8 64 7.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#cb3c33" d="M58.3 93.5c0 15.7-12.7 28.3-28.3 28.3c-15.7 0-28.3-12.7-28.3-28.3S14.4 65.2 30 65.2c15.6-.1 28.3 12.6 28.3 28.3"/><path fill="#eee" d="M30 123.4c-16.5 0-30-13.4-30-30s13.4-30 30-30s30 13.4 30 30s-13.5 30-30 30m0-56.6c-14.7 0-26.7 12-26.7 26.7s12 26.7 26.7 26.7s26.7-12 26.7-26.7s-12-26.7-26.7-26.7"/><path fill="#9558b2" d="M126.4 93.5c0 15.7-12.7 28.3-28.3 28.3s-28.3-12.7-28.3-28.3s12.7-28.3 28.3-28.3s28.3 12.6 28.3 28.3"/><path fill="#eee" d="M98 123.4c-16.5 0-30-13.4-30-30s13.4-30 30-30s30 13.4 30 30s-13.4 30-30 30m0-56.6c-14.7 0-26.7 12-26.7 26.7s12 26.7 26.7 26.7s26.7-12 26.7-26.7S112.8 66.8 98 66.8"/><path fill="#389826" d="M92.4 34.5c0 15.6-12.7 28.3-28.3 28.3c-15.7 0-28.3-12.7-28.3-28.3S48.4 6.2 64 6.2c15.7 0 28.4 12.7 28.4 28.3"/><path fill="#eee" d="M64 64.5c-16.5 0-30-13.4-30-30s13.4-30 30-30s30 13.4 30 30s-13.5 30-30 30m0-56.7c-14.7 0-26.7 12-26.7 26.7s12 26.7 26.7 26.7s26.7-12 26.7-26.7S78.7 7.8 64 7.8"/></svg>
</template>

CSS

.icon-julia {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23cb3c33%22%20d%3D%22M58.3%2093.5c0%2015.7-12.7%2028.3-28.3%2028.3c-15.7%200-28.3-12.7-28.3-28.3S14.4%2065.2%2030%2065.2c15.6-.1%2028.3%2012.6%2028.3%2028.3%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M30%20123.4c-16.5%200-30-13.4-30-30s13.4-30%2030-30s30%2013.4%2030%2030s-13.5%2030-30%2030m0-56.6c-14.7%200-26.7%2012-26.7%2026.7s12%2026.7%2026.7%2026.7s26.7-12%2026.7-26.7s-12-26.7-26.7-26.7%22%2F%3E%3Cpath%20fill%3D%22%239558b2%22%20d%3D%22M126.4%2093.5c0%2015.7-12.7%2028.3-28.3%2028.3s-28.3-12.7-28.3-28.3s12.7-28.3%2028.3-28.3s28.3%2012.6%2028.3%2028.3%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M98%20123.4c-16.5%200-30-13.4-30-30s13.4-30%2030-30s30%2013.4%2030%2030s-13.4%2030-30%2030m0-56.6c-14.7%200-26.7%2012-26.7%2026.7s12%2026.7%2026.7%2026.7s26.7-12%2026.7-26.7S112.8%2066.8%2098%2066.8%22%2F%3E%3Cpath%20fill%3D%22%23389826%22%20d%3D%22M92.4%2034.5c0%2015.6-12.7%2028.3-28.3%2028.3c-15.7%200-28.3-12.7-28.3-28.3S48.4%206.2%2064%206.2c15.7%200%2028.4%2012.7%2028.4%2028.3%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M64%2064.5c-16.5%200-30-13.4-30-30s13.4-30%2030-30s30%2013.4%2030%2030s-13.5%2030-30%2030m0-56.7c-14.7%200-26.7%2012-26.7%2026.7s12%2026.7%2026.7%2026.7s26.7-12%2026.7-26.7S78.7%207.8%2064%207.8%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23cb3c33%22%20d%3D%22M58.3%2093.5c0%2015.7-12.7%2028.3-28.3%2028.3c-15.7%200-28.3-12.7-28.3-28.3S14.4%2065.2%2030%2065.2c15.6-.1%2028.3%2012.6%2028.3%2028.3%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M30%20123.4c-16.5%200-30-13.4-30-30s13.4-30%2030-30s30%2013.4%2030%2030s-13.5%2030-30%2030m0-56.6c-14.7%200-26.7%2012-26.7%2026.7s12%2026.7%2026.7%2026.7s26.7-12%2026.7-26.7s-12-26.7-26.7-26.7%22%2F%3E%3Cpath%20fill%3D%22%239558b2%22%20d%3D%22M126.4%2093.5c0%2015.7-12.7%2028.3-28.3%2028.3s-28.3-12.7-28.3-28.3s12.7-28.3%2028.3-28.3s28.3%2012.6%2028.3%2028.3%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M98%20123.4c-16.5%200-30-13.4-30-30s13.4-30%2030-30s30%2013.4%2030%2030s-13.4%2030-30%2030m0-56.6c-14.7%200-26.7%2012-26.7%2026.7s12%2026.7%2026.7%2026.7s26.7-12%2026.7-26.7S112.8%2066.8%2098%2066.8%22%2F%3E%3Cpath%20fill%3D%22%23389826%22%20d%3D%22M92.4%2034.5c0%2015.6-12.7%2028.3-28.3%2028.3c-15.7%200-28.3-12.7-28.3-28.3S48.4%206.2%2064%206.2c15.7%200%2028.4%2012.7%2028.4%2028.3%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M64%2064.5c-16.5%200-30-13.4-30-30s13.4-30%2030-30s30%2013.4%2030%2030s-13.5%2030-30%2030m0-56.7c-14.7%200-26.7%2012-26.7%2026.7s12%2026.7%2026.7%2026.7s26.7-12%2026.7-26.7S78.7%207.8%2064%207.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/julia.svg?color=%231a73e8&size=48