django logo
django from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- django
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- 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 256 256"><g fill="none"><rect width="256" height="256" fill="#092e20" rx="60"/><path fill="#fff" d="M112.689 51h28.615v132.45c-14.679 2.787-25.456 3.902-37.161 3.902C69.209 187.351 51 171.559 51 141.271c0-29.173 19.325-48.124 49.24-48.124c4.645 0 8.175.37 12.449 1.485zm0 66.671c-3.344-1.113-6.131-1.485-9.661-1.485c-14.493 0-22.856 8.919-22.856 24.526c0 15.238 7.991 23.599 22.67 23.599c3.157 0 5.76-.186 9.847-.742z"/><path fill="#fff" d="M186.826 95.19v66.332c0 22.856-1.672 33.818-6.689 43.295c-4.646 9.106-10.778 14.865-23.413 21.183l-26.571-12.636c12.635-5.945 18.767-11.146 22.668-19.139c4.089-8.175 5.391-17.652 5.391-42.55V95.189zm-28.614-44.038h28.614V80.51h-28.614z"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsDjango(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#092e20" rx="60"/><path fill="#fff" d="M112.689 51h28.615v132.45c-14.679 2.787-25.456 3.902-37.161 3.902C69.209 187.351 51 171.559 51 141.271c0-29.173 19.325-48.124 49.24-48.124c4.645 0 8.175.37 12.449 1.485zm0 66.671c-3.344-1.113-6.131-1.485-9.661-1.485c-14.493 0-22.856 8.919-22.856 24.526c0 15.238 7.991 23.599 22.67 23.599c3.157 0 5.76-.186 9.847-.742z"/><path fill="#fff" d="M186.826 95.19v66.332c0 22.856-1.672 33.818-6.689 43.295c-4.646 9.106-10.778 14.865-23.413 21.183l-26.571-12.636c12.635-5.945 18.767-11.146 22.668-19.139c4.089-8.175 5.391-17.652 5.391-42.55V95.189zm-28.614-44.038h28.614V80.51h-28.614z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#092e20" rx="60"/><path fill="#fff" d="M112.689 51h28.615v132.45c-14.679 2.787-25.456 3.902-37.161 3.902C69.209 187.351 51 171.559 51 141.271c0-29.173 19.325-48.124 49.24-48.124c4.645 0 8.175.37 12.449 1.485zm0 66.671c-3.344-1.113-6.131-1.485-9.661-1.485c-14.493 0-22.856 8.919-22.856 24.526c0 15.238 7.991 23.599 22.67 23.599c3.157 0 5.76-.186 9.847-.742z"/><path fill="#fff" d="M186.826 95.19v66.332c0 22.856-1.672 33.818-6.689 43.295c-4.646 9.106-10.778 14.865-23.413 21.183l-26.571-12.636c12.635-5.945 18.767-11.146 22.668-19.139c4.089-8.175 5.391-17.652 5.391-42.55V95.189zm-28.614-44.038h28.614V80.51h-28.614z"/></g></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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23092e20%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M112.689%2051h28.615v132.45c-14.679%202.787-25.456%203.902-37.161%203.902C69.209%20187.351%2051%20171.559%2051%20141.271c0-29.173%2019.325-48.124%2049.24-48.124c4.645%200%208.175.37%2012.449%201.485zm0%2066.671c-3.344-1.113-6.131-1.485-9.661-1.485c-14.493%200-22.856%208.919-22.856%2024.526c0%2015.238%207.991%2023.599%2022.67%2023.599c3.157%200%205.76-.186%209.847-.742z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M186.826%2095.19v66.332c0%2022.856-1.672%2033.818-6.689%2043.295c-4.646%209.106-10.778%2014.865-23.413%2021.183l-26.571-12.636c12.635-5.945%2018.767-11.146%2022.668-19.139c4.089-8.175%205.391-17.652%205.391-42.55V95.189zm-28.614-44.038h28.614V80.51h-28.614z%22%2F%3E%3C%2Fg%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%20256%20256%22%3E%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23092e20%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M112.689%2051h28.615v132.45c-14.679%202.787-25.456%203.902-37.161%203.902C69.209%20187.351%2051%20171.559%2051%20141.271c0-29.173%2019.325-48.124%2049.24-48.124c4.645%200%208.175.37%2012.449%201.485zm0%2066.671c-3.344-1.113-6.131-1.485-9.661-1.485c-14.493%200-22.856%208.919-22.856%2024.526c0%2015.238%207.991%2023.599%2022.67%2023.599c3.157%200%205.76-.186%209.847-.742z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M186.826%2095.19v66.332c0%2022.856-1.672%2033.818-6.689%2043.295c-4.646%209.106-10.778%2014.865-23.413%2021.183l-26.571-12.636c12.635-5.945%2018.767-11.146%2022.668-19.139c4.089-8.175%205.391-17.652%205.391-42.55V95.189zm-28.614-44.038h28.614V80.51h-28.614z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/django.svg?color=%231a73e8&size=48
