Browserlist icon
material-icon-theme:browserlist
The Browserlist icon (material-icon-theme:browserlist) is a free SVG icon from the Material Icon Theme set by Material Extensions. It is drawn on a 140 × 140 grid. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Icon Theme
- Author
- Material Extensions
- License
- MIT
- Size
- 140 × 140
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140"><path fill="#ffca28" d="M70 10.172A59.83 59.83 0 0 0 10.172 70A59.83 59.83 0 0 0 70 129.828A59.83 59.83 0 0 0 129.828 70A59.83 59.83 0 0 0 70 10.172m-4.836 8.785C65.66 23 66.516 26.28 67.736 29.18c4.779-4.287 10.265-7.546 16.041-9.02c-.981 3.938-1.357 7.295-1.261 10.43c6.026-2.314 12.349-3.404 18.3-2.706c-3.182 2.413-5.482 4.717-7.128 7.015c-2.201 12.074 6.858 20.43 14.779 24.551a5.13 5.13 0 0 1 5.183-3.888a5.128 5.128 0 0 1 3.7 8.435V64c-.487 1.055-2.002 2.343-3.496 3.219c-4.076 2.39-11.173 5.736-20.915 7.39c.045 1.214.077 2.453.077 3.747c0 4.817-.485 8.291-1.385 10.699c-3.3 13.313-12.648 26.76-24.695 31.95c.357-4.082.197-7.484-.402-10.591c-5.582 3.219-11.646 5.278-17.623 5.52h-.002c1.785-3.662 2.855-6.878 3.412-9.976c-6.347.996-12.727.742-18.377-1.17c2.93-2.732 5.054-5.314 6.673-7.96c-6.292-1.344-12.169-3.87-16.766-7.686c3.822-1.544 6.795-3.239 9.3-5.197c-5.426-3.517-10.034-7.998-12.972-13.23c4.012-.07 7.321-.568 10.3-1.453c-3.786-5.215-6.468-11.032-7.333-16.951c3.861 1.405 7.196 2.133 10.36 2.355c-1.662-6.22-2.081-12.605-.768-18.436c3.03 2.634 5.824 4.48 8.63 5.815c.677-6.406 2.576-12.52 5.893-17.496c1.926 3.622 3.914 6.392 6.111 8.672c2.93-5.754 6.9-10.798 11.791-14.262zM91.63 38.514c-2.395 5.514-1.665 11.297-.555 18.732a2.138 2.138 0 0 0 .28-4.178a3.419 3.419 0 1 1 .092 6.704c.574 3.882 1.157 8.18 1.421 13.125a67 67 0 0 0 3.25-.649c6.616-1.487 12.258-3.801 16.871-6.506c.45-.264.884-.563 1.276-.867c.366-.557.333-.957.035-1.285c-4.831-1.245-10.891-4.53-15.258-8.795c-4.764-4.653-7.427-10.164-7.412-16.281"/></svg>How to use the Browserlist icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:browserlist" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:browserlist" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:browserlist" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--browserlist]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:browserlist"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:browserlist"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-icon-theme/browserlist.svg" alt="Browserlist icon" width="24" height="24">Related icons in Material Icon Theme
Browserlist icon FAQ
Is the Browserlist icon free for commercial use?
Yes. Material Icon Theme icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Browserlist icon in React?
Install @iconify/react and render <Icon icon="material-icon-theme:browserlist" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Browserlist icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-icon-theme/browserlist.svg" alt="Browserlist icon">, or paste the SVG code inline to style it with CSS.