qgis logo
qgis from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- qgis
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the qgis logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.172 17.344v4.865l-4.005-4.063v-4.661h4.776l3.802 3.859zm14.516 10.14V32h-4.875l-7.635-7.865v-4.734h4.469zM17.25 25.552l4.495 4.495c-1.745.589-3.406.969-5.766.969C6.849 31.016 0 24.323 0 15.422C0 6.563 6.849 0 15.979 0C25.151 0 32 6.604 32 15.422c0 2.823-.698 5.432-1.943 7.677l-4.833-4.969c.214-.875.323-1.771.318-2.672c0-5.719-4.193-10.036-9.464-10.036S6.411 9.74 6.411 15.458c0 5.724 4.443 10.135 9.667 10.135c.729 0 .88.021 1.172-.042z"/></svg>
React
import type { SVGProps } from "react";
export function CibQgis(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.172 17.344v4.865l-4.005-4.063v-4.661h4.776l3.802 3.859zm14.516 10.14V32h-4.875l-7.635-7.865v-4.734h4.469zM17.25 25.552l4.495 4.495c-1.745.589-3.406.969-5.766.969C6.849 31.016 0 24.323 0 15.422C0 6.563 6.849 0 15.979 0C25.151 0 32 6.604 32 15.422c0 2.823-.698 5.432-1.943 7.677l-4.833-4.969c.214-.875.323-1.771.318-2.672c0-5.719-4.193-10.036-9.464-10.036S6.411 9.74 6.411 15.458c0 5.724 4.443 10.135 9.667 10.135c.729 0 .88.021 1.172-.042z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17.172 17.344v4.865l-4.005-4.063v-4.661h4.776l3.802 3.859zm14.516 10.14V32h-4.875l-7.635-7.865v-4.734h4.469zM17.25 25.552l4.495 4.495c-1.745.589-3.406.969-5.766.969C6.849 31.016 0 24.323 0 15.422C0 6.563 6.849 0 15.979 0C25.151 0 32 6.604 32 15.422c0 2.823-.698 5.432-1.943 7.677l-4.833-4.969c.214-.875.323-1.771.318-2.672c0-5.719-4.193-10.036-9.464-10.036S6.411 9.74 6.411 15.458c0 5.724 4.443 10.135 9.667 10.135c.729 0 .88.021 1.172-.042z"/></svg> </template>
CSS
.icon-qgis {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.172%2017.344v4.865l-4.005-4.063v-4.661h4.776l3.802%203.859zm14.516%2010.14V32h-4.875l-7.635-7.865v-4.734h4.469zM17.25%2025.552l4.495%204.495c-1.745.589-3.406.969-5.766.969C6.849%2031.016%200%2024.323%200%2015.422C0%206.563%206.849%200%2015.979%200C25.151%200%2032%206.604%2032%2015.422c0%202.823-.698%205.432-1.943%207.677l-4.833-4.969c.214-.875.323-1.771.318-2.672c0-5.719-4.193-10.036-9.464-10.036S6.411%209.74%206.411%2015.458c0%205.724%204.443%2010.135%209.667%2010.135c.729%200%20.88.021%201.172-.042z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.172%2017.344v4.865l-4.005-4.063v-4.661h4.776l3.802%203.859zm14.516%2010.14V32h-4.875l-7.635-7.865v-4.734h4.469zM17.25%2025.552l4.495%204.495c-1.745.589-3.406.969-5.766.969C6.849%2031.016%200%2024.323%200%2015.422C0%206.563%206.849%200%2015.979%200C25.151%200%2032%206.604%2032%2015.422c0%202.823-.698%205.432-1.943%207.677l-4.833-4.969c.214-.875.323-1.771.318-2.672c0-5.719-4.193-10.036-9.464-10.036S6.411%209.74%206.411%2015.458c0%205.724%204.443%2010.135%209.667%2010.135c.729%200%20.88.021%201.172-.042z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/qgis.svg?color=%231a73e8&size=48
