Julia icon
thesvg-color:julia
The Julia icon (thesvg-color:julia) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 320 × 200 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 320 × 200
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200"><g stroke="#eee" stroke-width="2"><path d="M67.871 164.313q0 11.303-2.543 18.253q-2.541 6.955-7.234 10.797q-4.688 3.844-11.246 5.145c-4.371.863-9.235 1.297-14.582 1.297q-10.858 0-16.618-3.39c-3.843-2.263-5.765-4.974-5.765-8.142c0-2.636 1.07-4.859 3.219-6.668q3.221-2.711 8.648-2.71q4.073 0 6.5 2.203c1.621 1.468 2.96 2.922 4.016 4.351q1.806 2.373 3.05 3.164q1.243.792 2.262.793q2.146 0 3.277-2.543q1.13-2.543 1.13-9.89V84.05l25.885-7.12v87.383m36.867-84.899v59.8q0 2.49.961 4.692a11.3 11.3 0 0 0 2.656 3.79a13.5 13.5 0 0 0 3.957 2.542q2.262.96 4.864.961c1.957 0 4.183-1.097 6.894-2.996c4.293-3.008 6.895-5.074 6.895-7.52V79.415h25.773v84.899h-25.773v-7.915q-5.085 4.294-10.852 6.895q-5.765 2.602-11.191 2.602q-6.33-.001-11.758-2.094q-5.425-2.092-9.492-5.707a26.5 26.5 0 0 1-6.39-8.48q-2.317-4.86-2.317-10.4v-59.8h25.773m88.145 84.899h-25.66V45.277l25.66-7.12v126.156m10.719-80.262l25.773-7.121v87.383h-25.773V84.05m79.625 36.398a82 82 0 0 0-7.52 3.676c-2.523 1.395-4.824 2.922-6.894 4.578c-2.075 1.656-3.75 3.43-5.032 5.313s-1.922 3.843-1.922 5.879q0 2.374.621 4.578q.623 2.202 1.754 3.785q1.13 1.581 2.489 2.543q1.354.96 2.937.96q3.164 0 6.387-1.921q3.22-1.92 7.18-4.86v-24.53m25.882 43.863h-25.882v-6.786a95 95 0 0 1-4.184 3.336q-2.034 1.525-4.578 2.657q-2.542 1.128-5.711 1.753q-3.167.622-7.457.622q-5.883-.001-10.57-1.696c-3.13-1.133-5.786-2.676-7.97-4.637a19.9 19.9 0 0 1-5.03-6.953q-1.753-4.01-1.754-8.757c0-3.243.62-6.18 1.867-8.82q1.863-3.954 5.086-7.122q3.221-3.163 7.515-5.652a84 84 0 0 1 9.215-4.578a130 130 0 0 1 10.23-3.84a474 474 0 0 1 10.512-3.336l2.829-.68v-8.363c0-5.426-1.04-9.27-3.11-11.531q-3.112-3.392-8.308-3.39q-6.107 0-8.48 2.937q-2.375 2.939-2.376 7.12a21 21 0 0 1-.508 4.637c-.336 1.508-.922 2.825-1.75 3.957q-1.242 1.697-3.562 2.711q-2.316 1.02-5.82 1.02c-3.618 0-6.555-1.04-8.817-3.11c-2.262-2.074-3.39-4.69-3.39-7.859q-.001-4.406 2.992-8.191c2-2.528 4.691-4.696 8.086-6.5c3.39-1.813 7.308-3.242 11.754-4.297q6.669-1.582 14.128-1.582q9.159.001 15.774 1.637q6.61 1.64 10.906 4.69q4.295 3.053 6.328 7.349c1.36 2.863 2.035 6.07 2.035 9.609v63.644"/><path fill="#cb3c33" d="M235.273 55.09c0 9.668-7.835 17.5-17.5 17.5c-9.668 0-17.5-7.832-17.5-17.5c0-9.664 7.832-17.5 17.5-17.5c9.665 0 17.5 7.836 17.5 17.5"/><path fill="#4063d8" d="M72.953 55.09c0 9.668-7.836 17.5-17.5 17.5s-17.5-7.832-17.5-17.5c0-9.664 7.836-17.5 17.5-17.5s17.5 7.836 17.5 17.5"/><path fill="#9558b2" d="M277.32 55.09c0 9.668-7.836 17.5-17.5 17.5s-17.5-7.832-17.5-17.5c0-9.664 7.836-17.5 17.5-17.5s17.5 7.836 17.5 17.5"/><path fill="#389826" d="M256.3 18.672c0 9.664-7.835 17.5-17.5 17.5c-9.667 0-17.5-7.836-17.5-17.5s7.833-17.5 17.5-17.5c9.665 0 17.5 7.836 17.5 17.5"/></g></svg>How to use the Julia icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:julia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:julia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:julia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--julia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:julia"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:julia"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/julia.svg" alt="Julia icon" width="24" height="24">Julia icon in other icon sets
Julia icon FAQ
Is the Julia icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Julia icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:julia" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Julia icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/julia.svg" alt="Julia icon">, or paste the SVG code inline to style it with CSS.