django logo
django from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- django
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the django logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.533 12.249c-.011 1.985 1.445 3.168 3.768 2.63V9.618c-2.352-.716-3.758.733-3.768 2.631m3.839-10.238h3.199v15.143c-3.066.501-6.004.819-8.104-.355c-2.705-1.513-2.923-6.319-.782-8.46c1.085-1.085 3.271-1.85 5.616-1.351V2.225c-.006-.101-.012-.202.071-.214m8.389 3.342h-3.199V2.011h3.199z"/><path fill="currentColor" d="M19.761 7.044c-.003 2.356-.003 4.048-.003 6.911c-.136 2.813-.104 5.052-1.135 6.398c-.203.266-.634.652-.995.924c-.303.228-.881.691-1.208.711c-.331.021-1.18-.459-1.564-.64c-.505-.237-.971-.553-1.493-.71c1.218-.754 2.372-1.32 2.844-2.844c.41-1.326.355-3.247.355-5.119c0-1.849.009-3.998.009-5.63z"/></svg>
React
import type { SVGProps } from "react";
export function BxlDjango(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.533 12.249c-.011 1.985 1.445 3.168 3.768 2.63V9.618c-2.352-.716-3.758.733-3.768 2.631m3.839-10.238h3.199v15.143c-3.066.501-6.004.819-8.104-.355c-2.705-1.513-2.923-6.319-.782-8.46c1.085-1.085 3.271-1.85 5.616-1.351V2.225c-.006-.101-.012-.202.071-.214m8.389 3.342h-3.199V2.011h3.199z"/><path fill="currentColor" d="M19.761 7.044c-.003 2.356-.003 4.048-.003 6.911c-.136 2.813-.104 5.052-1.135 6.398c-.203.266-.634.652-.995.924c-.303.228-.881.691-1.208.711c-.331.021-1.18-.459-1.564-.64c-.505-.237-.971-.553-1.493-.71c1.218-.754 2.372-1.32 2.844-2.844c.41-1.326.355-3.247.355-5.119c0-1.849.009-3.998.009-5.63z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.533 12.249c-.011 1.985 1.445 3.168 3.768 2.63V9.618c-2.352-.716-3.758.733-3.768 2.631m3.839-10.238h3.199v15.143c-3.066.501-6.004.819-8.104-.355c-2.705-1.513-2.923-6.319-.782-8.46c1.085-1.085 3.271-1.85 5.616-1.351V2.225c-.006-.101-.012-.202.071-.214m8.389 3.342h-3.199V2.011h3.199z"/><path fill="currentColor" d="M19.761 7.044c-.003 2.356-.003 4.048-.003 6.911c-.136 2.813-.104 5.052-1.135 6.398c-.203.266-.634.652-.995.924c-.303.228-.881.691-1.208.711c-.331.021-1.18-.459-1.564-.64c-.505-.237-.971-.553-1.493-.71c1.218-.754 2.372-1.32 2.844-2.844c.41-1.326.355-3.247.355-5.119c0-1.849.009-3.998.009-5.63z"/></svg> </template>
CSS
.icon-django {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.533%2012.249c-.011%201.985%201.445%203.168%203.768%202.63V9.618c-2.352-.716-3.758.733-3.768%202.631m3.839-10.238h3.199v15.143c-3.066.501-6.004.819-8.104-.355c-2.705-1.513-2.923-6.319-.782-8.46c1.085-1.085%203.271-1.85%205.616-1.351V2.225c-.006-.101-.012-.202.071-.214m8.389%203.342h-3.199V2.011h3.199z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.761%207.044c-.003%202.356-.003%204.048-.003%206.911c-.136%202.813-.104%205.052-1.135%206.398c-.203.266-.634.652-.995.924c-.303.228-.881.691-1.208.711c-.331.021-1.18-.459-1.564-.64c-.505-.237-.971-.553-1.493-.71c1.218-.754%202.372-1.32%202.844-2.844c.41-1.326.355-3.247.355-5.119c0-1.849.009-3.998.009-5.63z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.533%2012.249c-.011%201.985%201.445%203.168%203.768%202.63V9.618c-2.352-.716-3.758.733-3.768%202.631m3.839-10.238h3.199v15.143c-3.066.501-6.004.819-8.104-.355c-2.705-1.513-2.923-6.319-.782-8.46c1.085-1.085%203.271-1.85%205.616-1.351V2.225c-.006-.101-.012-.202.071-.214m8.389%203.342h-3.199V2.011h3.199z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.761%207.044c-.003%202.356-.003%204.048-.003%206.911c-.136%202.813-.104%205.052-1.135%206.398c-.203.266-.634.652-.995.924c-.303.228-.881.691-1.208.711c-.331.021-1.18-.459-1.564-.64c-.505-.237-.971-.553-1.493-.71c1.218-.754%202.372-1.32%202.844-2.844c.41-1.326.355-3.247.355-5.119c0-1.849.009-3.998.009-5.63z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/django.svg?color=%231a73e8&size=48
