django icon
django-fill from Akar Icons by Arturo Wibawa · Fill · MIT Free for personal and commercial use.
- Name
- django-fill
- Set
- Akar Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the django icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.172 0h-4.176v5.932a7.2 7.2 0 0 0-1.816-.2C4.816 5.731 2 8.305 2 12.273c0 4.118 2.655 6.263 7.755 6.268c1.703 0 3.278-.15 5.417-.53zM9.734 8.977c.516 0 .92.05 1.408.2v6.248c-.596.075-.972.1-1.434.1c-2.14 0-3.305-1.142-3.305-3.21c0-2.125 1.22-3.338 3.331-3.338" clip-rule="evenodd"/><path fill="currentColor" d="M22 15.233V6.215h-4.17v7.675c0 3.387-.188 4.674-.785 5.786c-.57 1.087-1.462 1.8-3.305 2.606L17.615 24c1.843-.862 2.735-1.643 3.412-2.88c.726-1.288.973-2.782.973-5.887M21.585 0h-4.176v3.993h4.176z"/></svg>
React
import type { SVGProps } from "react";
export function AkarIconsDjangoFill(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" fillRule="evenodd" d="M15.172 0h-4.176v5.932a7.2 7.2 0 0 0-1.816-.2C4.816 5.731 2 8.305 2 12.273c0 4.118 2.655 6.263 7.755 6.268c1.703 0 3.278-.15 5.417-.53zM9.734 8.977c.516 0 .92.05 1.408.2v6.248c-.596.075-.972.1-1.434.1c-2.14 0-3.305-1.142-3.305-3.21c0-2.125 1.22-3.338 3.331-3.338" clipRule="evenodd"/><path fill="currentColor" d="M22 15.233V6.215h-4.17v7.675c0 3.387-.188 4.674-.785 5.786c-.57 1.087-1.462 1.8-3.305 2.606L17.615 24c1.843-.862 2.735-1.643 3.412-2.88c.726-1.288.973-2.782.973-5.887M21.585 0h-4.176v3.993h4.176z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.172 0h-4.176v5.932a7.2 7.2 0 0 0-1.816-.2C4.816 5.731 2 8.305 2 12.273c0 4.118 2.655 6.263 7.755 6.268c1.703 0 3.278-.15 5.417-.53zM9.734 8.977c.516 0 .92.05 1.408.2v6.248c-.596.075-.972.1-1.434.1c-2.14 0-3.305-1.142-3.305-3.21c0-2.125 1.22-3.338 3.331-3.338" clip-rule="evenodd"/><path fill="currentColor" d="M22 15.233V6.215h-4.17v7.675c0 3.387-.188 4.674-.785 5.786c-.57 1.087-1.462 1.8-3.305 2.606L17.615 24c1.843-.862 2.735-1.643 3.412-2.88c.726-1.288.973-2.782.973-5.887M21.585 0h-4.176v3.993h4.176z"/></svg> </template>
CSS
.icon-django-fill {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M15.172%200h-4.176v5.932a7.2%207.2%200%200%200-1.816-.2C4.816%205.731%202%208.305%202%2012.273c0%204.118%202.655%206.263%207.755%206.268c1.703%200%203.278-.15%205.417-.53zM9.734%208.977c.516%200%20.92.05%201.408.2v6.248c-.596.075-.972.1-1.434.1c-2.14%200-3.305-1.142-3.305-3.21c0-2.125%201.22-3.338%203.331-3.338%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%2015.233V6.215h-4.17v7.675c0%203.387-.188%204.674-.785%205.786c-.57%201.087-1.462%201.8-3.305%202.606L17.615%2024c1.843-.862%202.735-1.643%203.412-2.88c.726-1.288.973-2.782.973-5.887M21.585%200h-4.176v3.993h4.176z%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%20fill-rule%3D%22evenodd%22%20d%3D%22M15.172%200h-4.176v5.932a7.2%207.2%200%200%200-1.816-.2C4.816%205.731%202%208.305%202%2012.273c0%204.118%202.655%206.263%207.755%206.268c1.703%200%203.278-.15%205.417-.53zM9.734%208.977c.516%200%20.92.05%201.408.2v6.248c-.596.075-.972.1-1.434.1c-2.14%200-3.305-1.142-3.305-3.21c0-2.125%201.22-3.338%203.331-3.338%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%2015.233V6.215h-4.17v7.675c0%203.387-.188%204.674-.785%205.786c-.57%201.087-1.462%201.8-3.305%202.606L17.615%2024c1.843-.862%202.735-1.643%203.412-2.88c.726-1.288.973-2.782.973-5.887M21.585%200h-4.176v3.993h4.176z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/akar-icons/django-fill.svg?color=%231a73e8&size=48
