quasar logo

quasar from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
quasar
Set
Material Icon Theme
Style
Color
Viewbox
50.843×50.843
License
MIT

The same logo in other sets

quasarDeviconquasarSimple Icons

Use the quasar logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 50.843 50.843"><path fill="#1976d2" d="M29.585 25.422a4.16 4.16 0 0 1-4.16 4.159a4.16 4.16 0 0 1-4.159-4.16a4.16 4.16 0 0 1 4.16-4.159a4.16 4.16 0 0 1 4.159 4.16M43.888 14.76a21.3 21.3 0 0 0-3.267-4.272l-4.808 2.776a16 16 0 0 0-5.02-2.91c-1.642 1.664-2.946 3.523-3.886 5.545c5.352-.364 10.88 1.573 16.012 5.582l3.026-1.747a21.3 21.3 0 0 0-2.057-4.974m.001 21.32a21.3 21.3 0 0 0 2.066-4.966l-4.808-2.776c.359-1.938.356-3.904.01-5.803c-2.262-.59-4.524-.79-6.745-.593c2.992 4.454 4.078 10.21 3.172 16.659l3.026 1.747a21.3 21.3 0 0 0 3.28-4.269zM25.427 46.74a21.3 21.3 0 0 0 5.333-.694v-5.552a16 16 0 0 0 5.03-2.893c-.62-2.253-1.578-4.312-2.859-6.137c-2.36 4.817-6.802 8.636-12.84 11.076v3.494a21.3 21.3 0 0 0 5.336.706M6.963 36.082a21.3 21.3 0 0 0 3.267 4.272l4.809-2.777a16 16 0 0 0 5.02 2.91c1.642-1.664 2.946-3.523 3.886-5.544c-5.353.364-10.88-1.573-16.012-5.583l-3.027 1.747a21.3 21.3 0 0 0 2.057 4.975m-.001-21.32a21.3 21.3 0 0 0-2.066 4.966l4.809 2.776a16 16 0 0 0-.01 5.802c2.262.59 4.524.79 6.744.593c-2.991-4.453-4.078-10.209-3.171-16.658l-3.026-1.747a21.3 21.3 0 0 0-3.28 4.269zm18.462-10.66a21.3 21.3 0 0 0-5.333.694v5.552a16 16 0 0 0-5.03 2.893c.62 2.253 1.578 4.312 2.86 6.137c2.36-4.818 6.802-8.636 12.84-11.076V4.808a21.3 21.3 0 0 0-5.337-.706"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeQuasar(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 50.843 50.843"><path fill="#1976d2" d="M29.585 25.422a4.16 4.16 0 0 1-4.16 4.159a4.16 4.16 0 0 1-4.159-4.16a4.16 4.16 0 0 1 4.16-4.159a4.16 4.16 0 0 1 4.159 4.16M43.888 14.76a21.3 21.3 0 0 0-3.267-4.272l-4.808 2.776a16 16 0 0 0-5.02-2.91c-1.642 1.664-2.946 3.523-3.886 5.545c5.352-.364 10.88 1.573 16.012 5.582l3.026-1.747a21.3 21.3 0 0 0-2.057-4.974m.001 21.32a21.3 21.3 0 0 0 2.066-4.966l-4.808-2.776c.359-1.938.356-3.904.01-5.803c-2.262-.59-4.524-.79-6.745-.593c2.992 4.454 4.078 10.21 3.172 16.659l3.026 1.747a21.3 21.3 0 0 0 3.28-4.269zM25.427 46.74a21.3 21.3 0 0 0 5.333-.694v-5.552a16 16 0 0 0 5.03-2.893c-.62-2.253-1.578-4.312-2.859-6.137c-2.36 4.817-6.802 8.636-12.84 11.076v3.494a21.3 21.3 0 0 0 5.336.706M6.963 36.082a21.3 21.3 0 0 0 3.267 4.272l4.809-2.777a16 16 0 0 0 5.02 2.91c1.642-1.664 2.946-3.523 3.886-5.544c-5.353.364-10.88-1.573-16.012-5.583l-3.027 1.747a21.3 21.3 0 0 0 2.057 4.975m-.001-21.32a21.3 21.3 0 0 0-2.066 4.966l4.809 2.776a16 16 0 0 0-.01 5.802c2.262.59 4.524.79 6.744.593c-2.991-4.453-4.078-10.209-3.171-16.658l-3.026-1.747a21.3 21.3 0 0 0-3.28 4.269zm18.462-10.66a21.3 21.3 0 0 0-5.333.694v5.552a16 16 0 0 0-5.03 2.893c.62 2.253 1.578 4.312 2.86 6.137c2.36-4.818 6.802-8.636 12.84-11.076V4.808a21.3 21.3 0 0 0-5.337-.706"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 50.843 50.843"><path fill="#1976d2" d="M29.585 25.422a4.16 4.16 0 0 1-4.16 4.159a4.16 4.16 0 0 1-4.159-4.16a4.16 4.16 0 0 1 4.16-4.159a4.16 4.16 0 0 1 4.159 4.16M43.888 14.76a21.3 21.3 0 0 0-3.267-4.272l-4.808 2.776a16 16 0 0 0-5.02-2.91c-1.642 1.664-2.946 3.523-3.886 5.545c5.352-.364 10.88 1.573 16.012 5.582l3.026-1.747a21.3 21.3 0 0 0-2.057-4.974m.001 21.32a21.3 21.3 0 0 0 2.066-4.966l-4.808-2.776c.359-1.938.356-3.904.01-5.803c-2.262-.59-4.524-.79-6.745-.593c2.992 4.454 4.078 10.21 3.172 16.659l3.026 1.747a21.3 21.3 0 0 0 3.28-4.269zM25.427 46.74a21.3 21.3 0 0 0 5.333-.694v-5.552a16 16 0 0 0 5.03-2.893c-.62-2.253-1.578-4.312-2.859-6.137c-2.36 4.817-6.802 8.636-12.84 11.076v3.494a21.3 21.3 0 0 0 5.336.706M6.963 36.082a21.3 21.3 0 0 0 3.267 4.272l4.809-2.777a16 16 0 0 0 5.02 2.91c1.642-1.664 2.946-3.523 3.886-5.544c-5.353.364-10.88-1.573-16.012-5.583l-3.027 1.747a21.3 21.3 0 0 0 2.057 4.975m-.001-21.32a21.3 21.3 0 0 0-2.066 4.966l4.809 2.776a16 16 0 0 0-.01 5.802c2.262.59 4.524.79 6.744.593c-2.991-4.453-4.078-10.209-3.171-16.658l-3.026-1.747a21.3 21.3 0 0 0-3.28 4.269zm18.462-10.66a21.3 21.3 0 0 0-5.333.694v5.552a16 16 0 0 0-5.03 2.893c.62 2.253 1.578 4.312 2.86 6.137c2.36-4.818 6.802-8.636 12.84-11.076V4.808a21.3 21.3 0 0 0-5.337-.706"/></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%2050.843%2050.843%22%3E%3Cpath%20fill%3D%22%231976d2%22%20d%3D%22M29.585%2025.422a4.16%204.16%200%200%201-4.16%204.159a4.16%204.16%200%200%201-4.159-4.16a4.16%204.16%200%200%201%204.16-4.159a4.16%204.16%200%200%201%204.159%204.16M43.888%2014.76a21.3%2021.3%200%200%200-3.267-4.272l-4.808%202.776a16%2016%200%200%200-5.02-2.91c-1.642%201.664-2.946%203.523-3.886%205.545c5.352-.364%2010.88%201.573%2016.012%205.582l3.026-1.747a21.3%2021.3%200%200%200-2.057-4.974m.001%2021.32a21.3%2021.3%200%200%200%202.066-4.966l-4.808-2.776c.359-1.938.356-3.904.01-5.803c-2.262-.59-4.524-.79-6.745-.593c2.992%204.454%204.078%2010.21%203.172%2016.659l3.026%201.747a21.3%2021.3%200%200%200%203.28-4.269zM25.427%2046.74a21.3%2021.3%200%200%200%205.333-.694v-5.552a16%2016%200%200%200%205.03-2.893c-.62-2.253-1.578-4.312-2.859-6.137c-2.36%204.817-6.802%208.636-12.84%2011.076v3.494a21.3%2021.3%200%200%200%205.336.706M6.963%2036.082a21.3%2021.3%200%200%200%203.267%204.272l4.809-2.777a16%2016%200%200%200%205.02%202.91c1.642-1.664%202.946-3.523%203.886-5.544c-5.353.364-10.88-1.573-16.012-5.583l-3.027%201.747a21.3%2021.3%200%200%200%202.057%204.975m-.001-21.32a21.3%2021.3%200%200%200-2.066%204.966l4.809%202.776a16%2016%200%200%200-.01%205.802c2.262.59%204.524.79%206.744.593c-2.991-4.453-4.078-10.209-3.171-16.658l-3.026-1.747a21.3%2021.3%200%200%200-3.28%204.269zm18.462-10.66a21.3%2021.3%200%200%200-5.333.694v5.552a16%2016%200%200%200-5.03%202.893c.62%202.253%201.578%204.312%202.86%206.137c2.36-4.818%206.802-8.636%2012.84-11.076V4.808a21.3%2021.3%200%200%200-5.337-.706%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%2050.843%2050.843%22%3E%3Cpath%20fill%3D%22%231976d2%22%20d%3D%22M29.585%2025.422a4.16%204.16%200%200%201-4.16%204.159a4.16%204.16%200%200%201-4.159-4.16a4.16%204.16%200%200%201%204.16-4.159a4.16%204.16%200%200%201%204.159%204.16M43.888%2014.76a21.3%2021.3%200%200%200-3.267-4.272l-4.808%202.776a16%2016%200%200%200-5.02-2.91c-1.642%201.664-2.946%203.523-3.886%205.545c5.352-.364%2010.88%201.573%2016.012%205.582l3.026-1.747a21.3%2021.3%200%200%200-2.057-4.974m.001%2021.32a21.3%2021.3%200%200%200%202.066-4.966l-4.808-2.776c.359-1.938.356-3.904.01-5.803c-2.262-.59-4.524-.79-6.745-.593c2.992%204.454%204.078%2010.21%203.172%2016.659l3.026%201.747a21.3%2021.3%200%200%200%203.28-4.269zM25.427%2046.74a21.3%2021.3%200%200%200%205.333-.694v-5.552a16%2016%200%200%200%205.03-2.893c-.62-2.253-1.578-4.312-2.859-6.137c-2.36%204.817-6.802%208.636-12.84%2011.076v3.494a21.3%2021.3%200%200%200%205.336.706M6.963%2036.082a21.3%2021.3%200%200%200%203.267%204.272l4.809-2.777a16%2016%200%200%200%205.02%202.91c1.642-1.664%202.946-3.523%203.886-5.544c-5.353.364-10.88-1.573-16.012-5.583l-3.027%201.747a21.3%2021.3%200%200%200%202.057%204.975m-.001-21.32a21.3%2021.3%200%200%200-2.066%204.966l4.809%202.776a16%2016%200%200%200-.01%205.802c2.262.59%204.524.79%206.744.593c-2.991-4.453-4.078-10.209-3.171-16.658l-3.026-1.747a21.3%2021.3%200%200%200-3.28%204.269zm18.462-10.66a21.3%2021.3%200%200%200-5.333.694v5.552a16%2016%200%200%200-5.03%202.893c.62%202.253%201.578%204.312%202.86%206.137c2.36-4.818%206.802-8.636%2012.84-11.076V4.808a21.3%2021.3%200%200%200-5.337-.706%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/quasar.svg?color=%231a73e8&size=48