Julia icon
logos:julia
The Julia icon (logos:julia) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 330 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 330
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="330" viewBox="0 0 512 330"><path fill="#ca3c32" d="M353.098 121.26c-16.402-.02-29.684-13.327-29.672-29.729c.012-16.401 13.315-29.69 29.717-29.683c16.401.006 29.694 13.304 29.694 29.705c-.018 16.412-13.328 29.706-29.739 29.706"/><path fill="#9259a3" d="M424.492 121.26c-16.402-.02-29.685-13.327-29.672-29.729c.012-16.401 13.315-29.69 29.716-29.683c16.402.006 29.695 13.304 29.695 29.705c-.019 16.412-13.328 29.706-29.74 29.706"/><path fill="#399746" d="M388.812 59.411c-16.406 0-29.706-13.3-29.706-29.705C359.106 13.3 372.406 0 388.812 0s29.705 13.3 29.705 29.706a29.67 29.67 0 0 1-29.705 29.705"/><path fill="#4d64ae" d="M73.999 121.26c-16.406 0-29.706-13.3-29.706-29.707c0-16.406 13.3-29.705 29.706-29.705s29.705 13.3 29.705 29.705c-.018 16.399-13.307 29.688-29.705 29.706"/><path fill="#1a1a1a" d="M97.262 269.787a88.4 88.4 0 0 1-4.372 30.607a40.45 40.45 0 0 1-12.083 18.024a41.15 41.15 0 0 1-18.824 8.678a122.3 122.3 0 0 1-24.432 2.236a75 75 0 0 1-16.055-1.569a43.4 43.4 0 0 1-11.815-4.238a20 20 0 0 1-7.143-6.209a12.1 12.1 0 0 1-2.537-7.31a14.22 14.22 0 0 1 5.307-11.28a21.6 21.6 0 0 1 14.453-4.507c2.13-.045 4.248.317 6.241 1.068a20 20 0 0 1 4.773 2.637a40 40 0 0 1 3.872 3.572c1.035 1.335 1.97 2.57 2.77 3.738a25.3 25.3 0 0 0 5.04 5.173a7.7 7.7 0 0 0 3.839 1.335a6.2 6.2 0 0 0 3.337-.934a6.68 6.68 0 0 0 2.37-3.338a24 24 0 0 0 1.335-6.375c.404-3.389.582-6.8.534-10.213V135.11l43.39-11.95zm63.417-143.154v100.332a20.5 20.5 0 0 0 1.569 7.977a21.5 21.5 0 0 0 4.64 6.174a23.4 23.4 0 0 0 6.675 4.24a20.4 20.4 0 0 0 8.01 1.601a14 14 0 0 0 5.374-1.335a28 28 0 0 0 6.008-3.738a44.3 44.3 0 0 0 6.04-5.54a43 43 0 0 0 5.375-7.043V126.633h43.39v143.522h-43.39v-13.351a75 75 0 0 1-18.124 11.782a45.5 45.5 0 0 1-18.658 4.272a55.1 55.1 0 0 1-19.693-3.338a52 52 0 0 1-15.887-9.646a45.3 45.3 0 0 1-10.58-14.285a41.4 41.4 0 0 1-3.84-17.657v-101.3zm173.561 8.878l43.39-11.949v146.593h-43.39zm-23.364 134.644h-43.39V70.525l43.39-11.948zm200.263 0h-43.39V258.74a109 109 0 0 1-7.043 5.574a47.4 47.4 0 0 1-7.677 4.505a45.3 45.3 0 0 1-9.412 2.938A66 66 0 0 1 431 272.79a53.4 53.4 0 0 1-17.79-2.77a40.8 40.8 0 0 1-13.35-7.71a34.15 34.15 0 0 1-8.378-11.782a36.7 36.7 0 0 1-2.904-14.586a34.3 34.3 0 0 1 3.037-14.753a43.8 43.8 0 0 1 8.511-11.915a64.6 64.6 0 0 1 12.584-9.546a134 134 0 0 1 15.52-7.71c5.574-2.303 11.348-4.406 17.256-6.375l17.523-5.708l4.773-1.035v-14.218c.077-3.89-.418-7.77-1.469-11.515a19.4 19.4 0 0 0-3.838-7.71a13.35 13.35 0 0 0-5.975-4.373a22 22 0 0 0-7.81-1.335a24.6 24.6 0 0 0-8.644 1.335a14.6 14.6 0 0 0-5.574 3.705a13.15 13.15 0 0 0-3.038 5.307a21.8 21.8 0 0 0-.934 6.675a31.7 31.7 0 0 1-.935 7.844a16.2 16.2 0 0 1-3.037 6.675a14.9 14.9 0 0 1-5.975 4.273a22.8 22.8 0 0 1-9.68 1.735a25 25 0 0 1-8.377-1.335a20.6 20.6 0 0 1-6.375-3.838a20 20 0 0 1-4.239-5.841a18.7 18.7 0 0 1-1.468-7.276a21.43 21.43 0 0 1 5.04-13.685a43.9 43.9 0 0 1 13.55-11.014a78.3 78.3 0 0 1 19.76-7.143a103.7 103.7 0 0 1 23.765-2.67c8.837-.15 17.66.793 26.267 2.803a54.6 54.6 0 0 1 18.324 7.81a31.9 31.9 0 0 1 10.614 12.217a36.4 36.4 0 0 1 3.338 16.054zm-43.39-73.998a126 126 0 0 0-12.584 6.242a73 73 0 0 0-11.548 7.677a42.6 42.6 0 0 0-8.511 8.911a17.1 17.1 0 0 0-3.338 9.813a28.5 28.5 0 0 0 1.068 7.81a23.4 23.4 0 0 0 2.904 6.376a17.2 17.2 0 0 0 4.105 4.238a8.9 8.9 0 0 0 5.04 1.603a21.03 21.03 0 0 0 10.614-3.338a138 138 0 0 0 12.083-8.244z"/></svg>How to use the Julia icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:julia" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:julia" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:julia" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--julia]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:julia"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:julia"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/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. SVG Logos icons are released under the CC0 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="logos: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/logos/julia.svg" alt="Julia icon">, or paste the SVG code inline to style it with CSS.