browserlist light logo

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

Name
browserlist-light
Set
Material Icon Theme
Style
Color
Viewbox
140×140
License
MIT

Use the browserlist light logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 140 140"><g stroke-width=".855" transform="translate(10.508 10.205)"><circle cx="59.492" cy="59.795" r="59.828" fill="#ffca28"/><path fill="#37474f" d="M54.656 8.752c-4.89 3.464-8.862 8.508-11.791 14.262c-2.198-2.28-4.185-5.05-6.111-8.672c-3.318 4.976-5.216 11.09-5.893 17.496c-2.807-1.335-5.6-3.18-8.63-5.814c-1.314 5.83-.895 12.216.767 18.436c-3.164-.223-6.498-.95-10.36-2.356c.865 5.92 3.548 11.737 7.333 16.951c-2.978.885-6.287 1.383-10.3 1.453c2.939 5.233 7.547 9.714 12.972 13.23c-2.505 1.959-5.478 3.654-9.299 5.198c4.596 3.815 10.474 6.341 16.766 7.685c-1.62 2.647-3.743 5.228-6.674 7.96c5.65 1.912 12.03 2.166 18.377 1.17c-.556 3.098-1.626 6.314-3.412 9.975h.002c5.977-.24 12.042-2.3 17.623-5.52c.6 3.108.76 6.51.402 10.593c12.047-5.19 21.395-18.638 24.695-31.951c.9-2.408 1.385-5.881 1.385-10.7c0-1.293-.031-2.531-.076-3.745c9.742-1.655 16.839-5.001 20.914-7.39c1.494-.877 3.01-2.165 3.496-3.22v-.002a5.128 5.128 0 0 0-3.7-8.435a5.13 5.13 0 0 0-5.183 3.889c-7.92-4.122-16.98-12.477-14.779-24.551c1.646-2.299 3.947-4.603 7.13-7.016c-5.952-.698-12.276.392-18.302 2.707c-.095-3.135.28-6.492 1.262-10.43c-5.776 1.473-11.262 4.733-16.041 9.02c-1.22-2.902-2.076-6.18-2.572-10.223zm26.465 19.557c-.015 6.117 2.648 11.628 7.412 16.281c4.366 4.265 10.426 7.55 15.258 8.795c.298.328.331.728-.035 1.285c-.392.304-.825.603-1.276.867c-4.612 2.704-10.256 5.019-16.87 6.506q-1.607.361-3.25.649c-.265-4.945-.848-9.243-1.422-13.125a3.419 3.419 0 1 0-.092-6.703a2.138 2.138 0 0 1-.28 4.177c-1.11-7.435-1.84-13.218.555-18.732"/></g></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeBrowserlistLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 140 140"><g strokeWidth=".855" transform="translate(10.508 10.205)"><circle cx="59.492" cy="59.795" r="59.828" fill="#ffca28"/><path fill="#37474f" d="M54.656 8.752c-4.89 3.464-8.862 8.508-11.791 14.262c-2.198-2.28-4.185-5.05-6.111-8.672c-3.318 4.976-5.216 11.09-5.893 17.496c-2.807-1.335-5.6-3.18-8.63-5.814c-1.314 5.83-.895 12.216.767 18.436c-3.164-.223-6.498-.95-10.36-2.356c.865 5.92 3.548 11.737 7.333 16.951c-2.978.885-6.287 1.383-10.3 1.453c2.939 5.233 7.547 9.714 12.972 13.23c-2.505 1.959-5.478 3.654-9.299 5.198c4.596 3.815 10.474 6.341 16.766 7.685c-1.62 2.647-3.743 5.228-6.674 7.96c5.65 1.912 12.03 2.166 18.377 1.17c-.556 3.098-1.626 6.314-3.412 9.975h.002c5.977-.24 12.042-2.3 17.623-5.52c.6 3.108.76 6.51.402 10.593c12.047-5.19 21.395-18.638 24.695-31.951c.9-2.408 1.385-5.881 1.385-10.7c0-1.293-.031-2.531-.076-3.745c9.742-1.655 16.839-5.001 20.914-7.39c1.494-.877 3.01-2.165 3.496-3.22v-.002a5.128 5.128 0 0 0-3.7-8.435a5.13 5.13 0 0 0-5.183 3.889c-7.92-4.122-16.98-12.477-14.779-24.551c1.646-2.299 3.947-4.603 7.13-7.016c-5.952-.698-12.276.392-18.302 2.707c-.095-3.135.28-6.492 1.262-10.43c-5.776 1.473-11.262 4.733-16.041 9.02c-1.22-2.902-2.076-6.18-2.572-10.223zm26.465 19.557c-.015 6.117 2.648 11.628 7.412 16.281c4.366 4.265 10.426 7.55 15.258 8.795c.298.328.331.728-.035 1.285c-.392.304-.825.603-1.276.867c-4.612 2.704-10.256 5.019-16.87 6.506q-1.607.361-3.25.649c-.265-4.945-.848-9.243-1.422-13.125a3.419 3.419 0 1 0-.092-6.703a2.138 2.138 0 0 1-.28 4.177c-1.11-7.435-1.84-13.218.555-18.732"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 140 140"><g stroke-width=".855" transform="translate(10.508 10.205)"><circle cx="59.492" cy="59.795" r="59.828" fill="#ffca28"/><path fill="#37474f" d="M54.656 8.752c-4.89 3.464-8.862 8.508-11.791 14.262c-2.198-2.28-4.185-5.05-6.111-8.672c-3.318 4.976-5.216 11.09-5.893 17.496c-2.807-1.335-5.6-3.18-8.63-5.814c-1.314 5.83-.895 12.216.767 18.436c-3.164-.223-6.498-.95-10.36-2.356c.865 5.92 3.548 11.737 7.333 16.951c-2.978.885-6.287 1.383-10.3 1.453c2.939 5.233 7.547 9.714 12.972 13.23c-2.505 1.959-5.478 3.654-9.299 5.198c4.596 3.815 10.474 6.341 16.766 7.685c-1.62 2.647-3.743 5.228-6.674 7.96c5.65 1.912 12.03 2.166 18.377 1.17c-.556 3.098-1.626 6.314-3.412 9.975h.002c5.977-.24 12.042-2.3 17.623-5.52c.6 3.108.76 6.51.402 10.593c12.047-5.19 21.395-18.638 24.695-31.951c.9-2.408 1.385-5.881 1.385-10.7c0-1.293-.031-2.531-.076-3.745c9.742-1.655 16.839-5.001 20.914-7.39c1.494-.877 3.01-2.165 3.496-3.22v-.002a5.128 5.128 0 0 0-3.7-8.435a5.13 5.13 0 0 0-5.183 3.889c-7.92-4.122-16.98-12.477-14.779-24.551c1.646-2.299 3.947-4.603 7.13-7.016c-5.952-.698-12.276.392-18.302 2.707c-.095-3.135.28-6.492 1.262-10.43c-5.776 1.473-11.262 4.733-16.041 9.02c-1.22-2.902-2.076-6.18-2.572-10.223zm26.465 19.557c-.015 6.117 2.648 11.628 7.412 16.281c4.366 4.265 10.426 7.55 15.258 8.795c.298.328.331.728-.035 1.285c-.392.304-.825.603-1.276.867c-4.612 2.704-10.256 5.019-16.87 6.506q-1.607.361-3.25.649c-.265-4.945-.848-9.243-1.422-13.125a3.419 3.419 0 1 0-.092-6.703a2.138 2.138 0 0 1-.28 4.177c-1.11-7.435-1.84-13.218.555-18.732"/></g></svg>
</template>

CSS

.icon-browserlist-light {
  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%20140%20140%22%3E%3Cg%20stroke-width%3D%22.855%22%20transform%3D%22translate(10.508%2010.205)%22%3E%3Ccircle%20cx%3D%2259.492%22%20cy%3D%2259.795%22%20r%3D%2259.828%22%20fill%3D%22%23ffca28%22%2F%3E%3Cpath%20fill%3D%22%2337474f%22%20d%3D%22M54.656%208.752c-4.89%203.464-8.862%208.508-11.791%2014.262c-2.198-2.28-4.185-5.05-6.111-8.672c-3.318%204.976-5.216%2011.09-5.893%2017.496c-2.807-1.335-5.6-3.18-8.63-5.814c-1.314%205.83-.895%2012.216.767%2018.436c-3.164-.223-6.498-.95-10.36-2.356c.865%205.92%203.548%2011.737%207.333%2016.951c-2.978.885-6.287%201.383-10.3%201.453c2.939%205.233%207.547%209.714%2012.972%2013.23c-2.505%201.959-5.478%203.654-9.299%205.198c4.596%203.815%2010.474%206.341%2016.766%207.685c-1.62%202.647-3.743%205.228-6.674%207.96c5.65%201.912%2012.03%202.166%2018.377%201.17c-.556%203.098-1.626%206.314-3.412%209.975h.002c5.977-.24%2012.042-2.3%2017.623-5.52c.6%203.108.76%206.51.402%2010.593c12.047-5.19%2021.395-18.638%2024.695-31.951c.9-2.408%201.385-5.881%201.385-10.7c0-1.293-.031-2.531-.076-3.745c9.742-1.655%2016.839-5.001%2020.914-7.39c1.494-.877%203.01-2.165%203.496-3.22v-.002a5.128%205.128%200%200%200-3.7-8.435a5.13%205.13%200%200%200-5.183%203.889c-7.92-4.122-16.98-12.477-14.779-24.551c1.646-2.299%203.947-4.603%207.13-7.016c-5.952-.698-12.276.392-18.302%202.707c-.095-3.135.28-6.492%201.262-10.43c-5.776%201.473-11.262%204.733-16.041%209.02c-1.22-2.902-2.076-6.18-2.572-10.223zm26.465%2019.557c-.015%206.117%202.648%2011.628%207.412%2016.281c4.366%204.265%2010.426%207.55%2015.258%208.795c.298.328.331.728-.035%201.285c-.392.304-.825.603-1.276.867c-4.612%202.704-10.256%205.019-16.87%206.506q-1.607.361-3.25.649c-.265-4.945-.848-9.243-1.422-13.125a3.419%203.419%200%201%200-.092-6.703a2.138%202.138%200%200%201-.28%204.177c-1.11-7.435-1.84-13.218.555-18.732%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%20140%20140%22%3E%3Cg%20stroke-width%3D%22.855%22%20transform%3D%22translate(10.508%2010.205)%22%3E%3Ccircle%20cx%3D%2259.492%22%20cy%3D%2259.795%22%20r%3D%2259.828%22%20fill%3D%22%23ffca28%22%2F%3E%3Cpath%20fill%3D%22%2337474f%22%20d%3D%22M54.656%208.752c-4.89%203.464-8.862%208.508-11.791%2014.262c-2.198-2.28-4.185-5.05-6.111-8.672c-3.318%204.976-5.216%2011.09-5.893%2017.496c-2.807-1.335-5.6-3.18-8.63-5.814c-1.314%205.83-.895%2012.216.767%2018.436c-3.164-.223-6.498-.95-10.36-2.356c.865%205.92%203.548%2011.737%207.333%2016.951c-2.978.885-6.287%201.383-10.3%201.453c2.939%205.233%207.547%209.714%2012.972%2013.23c-2.505%201.959-5.478%203.654-9.299%205.198c4.596%203.815%2010.474%206.341%2016.766%207.685c-1.62%202.647-3.743%205.228-6.674%207.96c5.65%201.912%2012.03%202.166%2018.377%201.17c-.556%203.098-1.626%206.314-3.412%209.975h.002c5.977-.24%2012.042-2.3%2017.623-5.52c.6%203.108.76%206.51.402%2010.593c12.047-5.19%2021.395-18.638%2024.695-31.951c.9-2.408%201.385-5.881%201.385-10.7c0-1.293-.031-2.531-.076-3.745c9.742-1.655%2016.839-5.001%2020.914-7.39c1.494-.877%203.01-2.165%203.496-3.22v-.002a5.128%205.128%200%200%200-3.7-8.435a5.13%205.13%200%200%200-5.183%203.889c-7.92-4.122-16.98-12.477-14.779-24.551c1.646-2.299%203.947-4.603%207.13-7.016c-5.952-.698-12.276.392-18.302%202.707c-.095-3.135.28-6.492%201.262-10.43c-5.776%201.473-11.262%204.733-16.041%209.02c-1.22-2.902-2.076-6.18-2.572-10.223zm26.465%2019.557c-.015%206.117%202.648%2011.628%207.412%2016.281c4.366%204.265%2010.426%207.55%2015.258%208.795c.298.328.331.728-.035%201.285c-.392.304-.825.603-1.276.867c-4.612%202.704-10.256%205.019-16.87%206.506q-1.607.361-3.25.649c-.265-4.945-.848-9.243-1.422-13.125a3.419%203.419%200%201%200-.092-6.703a2.138%202.138%200%200%201-.28%204.177c-1.11-7.435-1.84-13.218.555-18.732%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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