Django icon

logos:django

The Django icon (logos:django) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 179 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 × 179

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="179" viewBox="0 0 512 179"><path fill="#092e20" d="M386.892 41.423c12.001 0 23.093 1.271 36.548 3.998l-9.588 20.198c-7.455-1.455-.597-.195-6.23-.74v2.91l.362 11.816l.18 15.274c.182 3.817.182 7.636.365 11.454v7.637c0 24.001-2 35.273-8 44.545c-8.727 13.638-23.819 20.365-45.273 20.365c-10.91 0-20.363-1.636-30.183-5.455v-25.818h.002c9.82 5.09 19.637 7.453 30 7.453c18.363 0 26.182-7.453 26.182-25.273v-.545c-5.454 2.726-10.91 3.818-18.181 3.818c-24.546 0-40.185-16.182-40.185-41.818c0-31.821 23.093-49.82 64-49.82M132.91 43.24v64.909c0 22.365-1.637 33.091-6.545 42.365c-4.547 8.91-10.548 14.545-22.91 20.728l-26.001-12.364c12.364-5.818 18.363-10.907 22.181-18.729c4.001-8 5.275-17.273 5.275-41.636V43.241zm333.998-2.364c28 0 45.092 17.638 45.092 46.183c0 29.275-17.817 47.638-46.183 47.638c-28.002 0-45.275-17.637-45.275-46c.002-29.458 17.821-47.82 46.366-47.82m-279.993.365c14.364 0 23.818 3.817 28 11.272c2.363 4.182 3.09 9.636 3.09 21.274v56.908c-12.547 1.818-28.364 3.092-40 3.092c-23.454 0-34.002-8.185-34.002-26.365c0-19.638 14-28.728 48.366-31.638v-6.182c0-5.09-2.545-6.907-9.637-6.907c-10.363 0-22 2.908-32.91 8.546V49.604c12.366-5.816 24.183-8.362 37.093-8.362M88.365 0v129.607c-14.363 2.727-24.91 3.818-36.363 3.818C17.818 133.425 0 117.97 0 88.333c0-28.546 18.91-47.09 48.183-47.09c4.545 0 8 .362 12.182 1.453V0zm187.278 41.242c14.364 0 24.728 3.272 30.912 9.636c5.818 5.999 7.635 12.544 7.635 26.546v54.909h-28.001V78.515c0-10.727-3.636-14.729-13.636-14.729c-3.818 0-7.272.364-12.91 2v66.547h-28V47.604c16.545-4.363 30.181-6.362 44-6.362m-82.001 52.909c-18.547 1.818-24.547 4.728-24.547 12c0 5.454 3.456 8 11.092 8c4.182 0 8-.363 13.455-1.272zm272.904-30.728c-11.093 0-17.459 8.91-17.459 24.363c.002 15.456 6.366 24.365 17.273 24.365c10.73 0 17.094-8.91 17.094-24.365c0-15.272-6.183-24.363-16.908-24.363m-415.635.363c-14.182 0-22.365 8.728-22.365 24c0 14.91 7.82 23.092 22.183 23.092c3.09 0 5.636-.182 9.636-.726V65.24c-3.273-1.09-6-1.454-9.454-1.454m310.71 4.18c-6.725 3.82-10.182 10.73-10.182 20.547c0 14.002 6.911 22.001 19.274 22.001c3.818 0 6.91-.728 10.545-1.818v-9.635c0-3.273-.18-6.911-.18-10.728l-.181-12.909l-.183-9.273v-2.183h-2.91c-5.453-.182-11.817 1.272-16.182 3.999M132.91.15v28.728h-28V.149z"/></svg>

How to use the Django icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:django" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:django" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:django" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--django]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:django"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:django"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/django.svg" alt="Django icon" width="24" height="24">

Related icons in SVG Logos

Django icon in other icon sets

Django icon FAQ

Is the Django 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 Django icon in React?

Install @iconify/react and render <Icon icon="logos:django" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Django icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/django.svg" alt="Django icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →