quasar logo
quasar from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- quasar
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the quasar logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.743 12a1.742 1.742 0 1 1-3.484 0a1.742 1.742 0 0 1 3.484 0m5.585-1.65l1.267-.732a9 9 0 0 0-.861-2.084a9 9 0 0 0-1.369-1.789l-2.014 1.163a6.7 6.7 0 0 0-2.103-1.219a8.3 8.3 0 0 0-1.627 2.322c2.242-.152 4.557.66 6.707 2.339m-9.562 8.82v1.464a9 9 0 0 0 2.235.295a9 9 0 0 0 2.234-.29v-2.326a6.7 6.7 0 0 0 2.106-1.211a8.3 8.3 0 0 0-1.197-2.57c-.989 2.017-2.85 3.616-5.378 4.638m-4.354-5.962c.947.247 1.894.33 2.825.248C6.983 11.591 6.528 9.18 6.908 6.48L5.64 5.747a9 9 0 0 0-1.373 1.788a9 9 0 0 0-.865 2.08l2.014 1.163a6.7 6.7 0 0 0-.004 2.43m13.173.014a6.7 6.7 0 0 0 .004-2.43a8.3 8.3 0 0 0-2.824-.25c1.253 1.866 1.708 4.277 1.328 6.978l1.267.732a9 9 0 0 0 1.374-1.788a9 9 0 0 0 .865-2.08zm-13.912.428l-1.267.731a9 9 0 0 0 .861 2.084a9 9 0 0 0 1.369 1.789L7.65 17.09a6.7 6.7 0 0 0 2.102 1.219a8.3 8.3 0 0 0 1.628-2.322c-2.242.152-4.557-.659-6.707-2.338zm9.562-8.821V3.366A9 9 0 0 0 12 3.07a9 9 0 0 0-2.234.29v2.326A6.7 6.7 0 0 0 7.66 6.898c.26.944.66 1.806 1.197 2.57c.989-2.018 2.85-3.617 5.378-4.639M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12S5.373 0 12 0s12 5.373 12 12m-1.535 0C22.465 6.23 17.77 1.535 12 1.535S1.535 6.23 1.535 12S6.23 22.465 12 22.465S22.465 17.77 22.465 12"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsQuasar(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="M13.743 12a1.742 1.742 0 1 1-3.484 0a1.742 1.742 0 0 1 3.484 0m5.585-1.65l1.267-.732a9 9 0 0 0-.861-2.084a9 9 0 0 0-1.369-1.789l-2.014 1.163a6.7 6.7 0 0 0-2.103-1.219a8.3 8.3 0 0 0-1.627 2.322c2.242-.152 4.557.66 6.707 2.339m-9.562 8.82v1.464a9 9 0 0 0 2.235.295a9 9 0 0 0 2.234-.29v-2.326a6.7 6.7 0 0 0 2.106-1.211a8.3 8.3 0 0 0-1.197-2.57c-.989 2.017-2.85 3.616-5.378 4.638m-4.354-5.962c.947.247 1.894.33 2.825.248C6.983 11.591 6.528 9.18 6.908 6.48L5.64 5.747a9 9 0 0 0-1.373 1.788a9 9 0 0 0-.865 2.08l2.014 1.163a6.7 6.7 0 0 0-.004 2.43m13.173.014a6.7 6.7 0 0 0 .004-2.43a8.3 8.3 0 0 0-2.824-.25c1.253 1.866 1.708 4.277 1.328 6.978l1.267.732a9 9 0 0 0 1.374-1.788a9 9 0 0 0 .865-2.08zm-13.912.428l-1.267.731a9 9 0 0 0 .861 2.084a9 9 0 0 0 1.369 1.789L7.65 17.09a6.7 6.7 0 0 0 2.102 1.219a8.3 8.3 0 0 0 1.628-2.322c-2.242.152-4.557-.659-6.707-2.338zm9.562-8.821V3.366A9 9 0 0 0 12 3.07a9 9 0 0 0-2.234.29v2.326A6.7 6.7 0 0 0 7.66 6.898c.26.944.66 1.806 1.197 2.57c.989-2.018 2.85-3.617 5.378-4.639M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12S5.373 0 12 0s12 5.373 12 12m-1.535 0C22.465 6.23 17.77 1.535 12 1.535S1.535 6.23 1.535 12S6.23 22.465 12 22.465S22.465 17.77 22.465 12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.743 12a1.742 1.742 0 1 1-3.484 0a1.742 1.742 0 0 1 3.484 0m5.585-1.65l1.267-.732a9 9 0 0 0-.861-2.084a9 9 0 0 0-1.369-1.789l-2.014 1.163a6.7 6.7 0 0 0-2.103-1.219a8.3 8.3 0 0 0-1.627 2.322c2.242-.152 4.557.66 6.707 2.339m-9.562 8.82v1.464a9 9 0 0 0 2.235.295a9 9 0 0 0 2.234-.29v-2.326a6.7 6.7 0 0 0 2.106-1.211a8.3 8.3 0 0 0-1.197-2.57c-.989 2.017-2.85 3.616-5.378 4.638m-4.354-5.962c.947.247 1.894.33 2.825.248C6.983 11.591 6.528 9.18 6.908 6.48L5.64 5.747a9 9 0 0 0-1.373 1.788a9 9 0 0 0-.865 2.08l2.014 1.163a6.7 6.7 0 0 0-.004 2.43m13.173.014a6.7 6.7 0 0 0 .004-2.43a8.3 8.3 0 0 0-2.824-.25c1.253 1.866 1.708 4.277 1.328 6.978l1.267.732a9 9 0 0 0 1.374-1.788a9 9 0 0 0 .865-2.08zm-13.912.428l-1.267.731a9 9 0 0 0 .861 2.084a9 9 0 0 0 1.369 1.789L7.65 17.09a6.7 6.7 0 0 0 2.102 1.219a8.3 8.3 0 0 0 1.628-2.322c-2.242.152-4.557-.659-6.707-2.338zm9.562-8.821V3.366A9 9 0 0 0 12 3.07a9 9 0 0 0-2.234.29v2.326A6.7 6.7 0 0 0 7.66 6.898c.26.944.66 1.806 1.197 2.57c.989-2.018 2.85-3.617 5.378-4.639M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12S5.373 0 12 0s12 5.373 12 12m-1.535 0C22.465 6.23 17.77 1.535 12 1.535S1.535 6.23 1.535 12S6.23 22.465 12 22.465S22.465 17.77 22.465 12"/></svg> </template>
CSS
.icon-quasar {
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%22M13.743%2012a1.742%201.742%200%201%201-3.484%200a1.742%201.742%200%200%201%203.484%200m5.585-1.65l1.267-.732a9%209%200%200%200-.861-2.084a9%209%200%200%200-1.369-1.789l-2.014%201.163a6.7%206.7%200%200%200-2.103-1.219a8.3%208.3%200%200%200-1.627%202.322c2.242-.152%204.557.66%206.707%202.339m-9.562%208.82v1.464a9%209%200%200%200%202.235.295a9%209%200%200%200%202.234-.29v-2.326a6.7%206.7%200%200%200%202.106-1.211a8.3%208.3%200%200%200-1.197-2.57c-.989%202.017-2.85%203.616-5.378%204.638m-4.354-5.962c.947.247%201.894.33%202.825.248C6.983%2011.591%206.528%209.18%206.908%206.48L5.64%205.747a9%209%200%200%200-1.373%201.788a9%209%200%200%200-.865%202.08l2.014%201.163a6.7%206.7%200%200%200-.004%202.43m13.173.014a6.7%206.7%200%200%200%20.004-2.43a8.3%208.3%200%200%200-2.824-.25c1.253%201.866%201.708%204.277%201.328%206.978l1.267.732a9%209%200%200%200%201.374-1.788a9%209%200%200%200%20.865-2.08zm-13.912.428l-1.267.731a9%209%200%200%200%20.861%202.084a9%209%200%200%200%201.369%201.789L7.65%2017.09a6.7%206.7%200%200%200%202.102%201.219a8.3%208.3%200%200%200%201.628-2.322c-2.242.152-4.557-.659-6.707-2.338zm9.562-8.821V3.366A9%209%200%200%200%2012%203.07a9%209%200%200%200-2.234.29v2.326A6.7%206.7%200%200%200%207.66%206.898c.26.944.66%201.806%201.197%202.57c.989-2.018%202.85-3.617%205.378-4.639M24%2012c0%206.627-5.373%2012-12%2012S0%2018.627%200%2012S5.373%200%2012%200s12%205.373%2012%2012m-1.535%200C22.465%206.23%2017.77%201.535%2012%201.535S1.535%206.23%201.535%2012S6.23%2022.465%2012%2022.465S22.465%2017.77%2022.465%2012%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%22M13.743%2012a1.742%201.742%200%201%201-3.484%200a1.742%201.742%200%200%201%203.484%200m5.585-1.65l1.267-.732a9%209%200%200%200-.861-2.084a9%209%200%200%200-1.369-1.789l-2.014%201.163a6.7%206.7%200%200%200-2.103-1.219a8.3%208.3%200%200%200-1.627%202.322c2.242-.152%204.557.66%206.707%202.339m-9.562%208.82v1.464a9%209%200%200%200%202.235.295a9%209%200%200%200%202.234-.29v-2.326a6.7%206.7%200%200%200%202.106-1.211a8.3%208.3%200%200%200-1.197-2.57c-.989%202.017-2.85%203.616-5.378%204.638m-4.354-5.962c.947.247%201.894.33%202.825.248C6.983%2011.591%206.528%209.18%206.908%206.48L5.64%205.747a9%209%200%200%200-1.373%201.788a9%209%200%200%200-.865%202.08l2.014%201.163a6.7%206.7%200%200%200-.004%202.43m13.173.014a6.7%206.7%200%200%200%20.004-2.43a8.3%208.3%200%200%200-2.824-.25c1.253%201.866%201.708%204.277%201.328%206.978l1.267.732a9%209%200%200%200%201.374-1.788a9%209%200%200%200%20.865-2.08zm-13.912.428l-1.267.731a9%209%200%200%200%20.861%202.084a9%209%200%200%200%201.369%201.789L7.65%2017.09a6.7%206.7%200%200%200%202.102%201.219a8.3%208.3%200%200%200%201.628-2.322c-2.242.152-4.557-.659-6.707-2.338zm9.562-8.821V3.366A9%209%200%200%200%2012%203.07a9%209%200%200%200-2.234.29v2.326A6.7%206.7%200%200%200%207.66%206.898c.26.944.66%201.806%201.197%202.57c.989-2.018%202.85-3.617%205.378-4.639M24%2012c0%206.627-5.373%2012-12%2012S0%2018.627%200%2012S5.373%200%2012%200s12%205.373%2012%2012m-1.535%200C22.465%206.23%2017.77%201.535%2012%201.535S1.535%206.23%201.535%2012S6.23%2022.465%2012%2022.465S22.465%2017.77%2022.465%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/quasar.svg?color=%231a73e8&size=48
