bia icon

bia-outline-rounded from Material Symbols Light by Google · Outline Rounded · Activities · Apache-2.0 Free for personal and commercial use.

Name
bia-outline-rounded
Set
Material Symbols Light
Style
Outline Rounded
Category
Activities
Viewbox
24×24
License
Apache 2.0

3 other variants in Material Symbols Light

biabia-outlinebia-rounded

The same icon in other sets

biaMaterial Symbols

More activities icons from Material Symbols Light

airarchitecturearrow-cool-downarrow-warm-upavg-paceavg-timeazmbackpackbadmintonbath-outdoorbath-privatebath-public-largebiotechbooks-movies-and-musiccadencecakecake-addcampaigncampingcheck-in-outcleaningconfirmation-numberconstructiondistance

Use the bia icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 18v-2q0-.213.143-.357T7 15.5t.357.143T7.5 16v2h3v-2q0-.213.143-.357T11 15.5t.357.143t.143.357v2h3v-2q0-.213.143-.357T15 15.5t.357.143t.143.357v2h3.885q.269 0 .442-.173t.173-.442V9.96q-.729.61-1.863.882q-1.133.274-2.349.274q-.875 0-1.738-.145t-1.579-.471H4.616q-.27 0-.443.173T4 11.116v6.269q0 .269.173.442t.443.173zM7 9.5h4.17q-.287-.302-.44-.667T10.577 8q0-.275.047-.525t.16-.475H7.617q-.27 0-.443.173T7 7.616zm11.658.212Q20 9.308 20 8t-1.342-1.711t-2.87-.404t-2.869.404Q11.577 6.692 11.577 8t1.342 1.712t2.87.404t2.869-.404M4.616 19q-.672 0-1.144-.472T3 17.385v-6.27q0-.67.472-1.143q.472-.472 1.144-.472H6V7.616q0-.672.472-1.144T7.616 6h3.99q.754-.596 1.877-.856t2.306-.26q1.928 0 3.57.719Q21 6.321 21 8v9.385q0 .67-.472 1.143q-.472.472-1.143.472zM6.5 18H20H4z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightBiaOutlineRounded(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="M6.5 18v-2q0-.213.143-.357T7 15.5t.357.143T7.5 16v2h3v-2q0-.213.143-.357T11 15.5t.357.143t.143.357v2h3v-2q0-.213.143-.357T15 15.5t.357.143t.143.357v2h3.885q.269 0 .442-.173t.173-.442V9.96q-.729.61-1.863.882q-1.133.274-2.349.274q-.875 0-1.738-.145t-1.579-.471H4.616q-.27 0-.443.173T4 11.116v6.269q0 .269.173.442t.443.173zM7 9.5h4.17q-.287-.302-.44-.667T10.577 8q0-.275.047-.525t.16-.475H7.617q-.27 0-.443.173T7 7.616zm11.658.212Q20 9.308 20 8t-1.342-1.711t-2.87-.404t-2.869.404Q11.577 6.692 11.577 8t1.342 1.712t2.87.404t2.869-.404M4.616 19q-.672 0-1.144-.472T3 17.385v-6.27q0-.67.472-1.143q.472-.472 1.144-.472H6V7.616q0-.672.472-1.144T7.616 6h3.99q.754-.596 1.877-.856t2.306-.26q1.928 0 3.57.719Q21 6.321 21 8v9.385q0 .67-.472 1.143q-.472.472-1.143.472zM6.5 18H20H4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 18v-2q0-.213.143-.357T7 15.5t.357.143T7.5 16v2h3v-2q0-.213.143-.357T11 15.5t.357.143t.143.357v2h3v-2q0-.213.143-.357T15 15.5t.357.143t.143.357v2h3.885q.269 0 .442-.173t.173-.442V9.96q-.729.61-1.863.882q-1.133.274-2.349.274q-.875 0-1.738-.145t-1.579-.471H4.616q-.27 0-.443.173T4 11.116v6.269q0 .269.173.442t.443.173zM7 9.5h4.17q-.287-.302-.44-.667T10.577 8q0-.275.047-.525t.16-.475H7.617q-.27 0-.443.173T7 7.616zm11.658.212Q20 9.308 20 8t-1.342-1.711t-2.87-.404t-2.869.404Q11.577 6.692 11.577 8t1.342 1.712t2.87.404t2.869-.404M4.616 19q-.672 0-1.144-.472T3 17.385v-6.27q0-.67.472-1.143q.472-.472 1.144-.472H6V7.616q0-.672.472-1.144T7.616 6h3.99q.754-.596 1.877-.856t2.306-.26q1.928 0 3.57.719Q21 6.321 21 8v9.385q0 .67-.472 1.143q-.472.472-1.143.472zM6.5 18H20H4z"/></svg>
</template>

CSS

.icon-bia-outline-rounded {
  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%22M6.5%2018v-2q0-.213.143-.357T7%2015.5t.357.143T7.5%2016v2h3v-2q0-.213.143-.357T11%2015.5t.357.143t.143.357v2h3v-2q0-.213.143-.357T15%2015.5t.357.143t.143.357v2h3.885q.269%200%20.442-.173t.173-.442V9.96q-.729.61-1.863.882q-1.133.274-2.349.274q-.875%200-1.738-.145t-1.579-.471H4.616q-.27%200-.443.173T4%2011.116v6.269q0%20.269.173.442t.443.173zM7%209.5h4.17q-.287-.302-.44-.667T10.577%208q0-.275.047-.525t.16-.475H7.617q-.27%200-.443.173T7%207.616zm11.658.212Q20%209.308%2020%208t-1.342-1.711t-2.87-.404t-2.869.404Q11.577%206.692%2011.577%208t1.342%201.712t2.87.404t2.869-.404M4.616%2019q-.672%200-1.144-.472T3%2017.385v-6.27q0-.67.472-1.143q.472-.472%201.144-.472H6V7.616q0-.672.472-1.144T7.616%206h3.99q.754-.596%201.877-.856t2.306-.26q1.928%200%203.57.719Q21%206.321%2021%208v9.385q0%20.67-.472%201.143q-.472.472-1.143.472zM6.5%2018H20H4z%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%22M6.5%2018v-2q0-.213.143-.357T7%2015.5t.357.143T7.5%2016v2h3v-2q0-.213.143-.357T11%2015.5t.357.143t.143.357v2h3v-2q0-.213.143-.357T15%2015.5t.357.143t.143.357v2h3.885q.269%200%20.442-.173t.173-.442V9.96q-.729.61-1.863.882q-1.133.274-2.349.274q-.875%200-1.738-.145t-1.579-.471H4.616q-.27%200-.443.173T4%2011.116v6.269q0%20.269.173.442t.443.173zM7%209.5h4.17q-.287-.302-.44-.667T10.577%208q0-.275.047-.525t.16-.475H7.617q-.27%200-.443.173T7%207.616zm11.658.212Q20%209.308%2020%208t-1.342-1.711t-2.87-.404t-2.869.404Q11.577%206.692%2011.577%208t1.342%201.712t2.87.404t2.869-.404M4.616%2019q-.672%200-1.144-.472T3%2017.385v-6.27q0-.67.472-1.143q.472-.472%201.144-.472H6V7.616q0-.672.472-1.144T7.616%206h3.99q.754-.596%201.877-.856t2.306-.26q1.928%200%203.57.719Q21%206.321%2021%208v9.385q0%20.67-.472%201.143q-.472.472-1.143.472zM6.5%2018H20H4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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