frame bug icon
frame-bug-outline-rounded from Material Symbols Light by Google · Outline Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- frame-bug-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline Rounded
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the frame bug icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20q-1.356 0-2.493-.666q-1.138-.665-1.822-1.834H5.5q-.213 0-.356-.144T5 16.999t.144-.356t.356-.143h1.754q-.229-.73-.241-1.487Q7 14.257 7 13.5H5.5q-.213 0-.356-.144T5 12.999t.144-.356t.356-.143H7q0-.77-.007-1.529q-.007-.76.26-1.471H5.5q-.213 0-.356-.144T5 8.999t.144-.356T5.5 8.5h2.185q.369-.652.912-1.161q.544-.51 1.234-.828L8.367 5.042q-.14-.13-.14-.327q0-.196.15-.345q.136-.137.33-.137t.335.14L10.82 6.15q.585-.167 1.175-.167t1.175.167l1.827-1.783q.131-.14.327-.14t.346.15q.137.137.137.33t-.14.335l-1.47 1.47q.69.317 1.22.824t.9 1.164H18.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-1.754q.268.712.26 1.474Q17 11.737 17 12.5h1.5q.213 0 .356.144t.144.357t-.144.356t-.356.143H17q0 .75-.012 1.51t-.242 1.49H18.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-2.184q-.685 1.17-1.823 1.835T12 20m0-1q1.65 0 2.825-1.175T16 15v-4q0-1.65-1.175-2.825T12 7T9.175 8.175T8 11v4q0 1.65 1.175 2.825T12 19m-1.192-3.5h2.384q.213 0 .357-.144t.143-.357t-.143-.356t-.357-.143h-2.384q-.213 0-.356.144t-.144.357t.144.356t.356.143m0-4h2.384q.213 0 .357-.144t.143-.357t-.143-.356t-.357-.143h-2.384q-.213 0-.356.144t-.144.357t.144.356t.356.143M2.499 6q-.213 0-.356-.144T2 5.5V3.616q0-.691.463-1.153T3.616 2H5.5q.213 0 .356.144T6 2.501t-.144.356T5.5 3H3.616q-.232 0-.424.192T3 3.616V5.5q0 .213-.144.356T2.499 6m1.116 16q-.69 0-1.152-.462T2 20.385V18.5q0-.213.144-.356T2.501 18t.356.144T3 18.5v1.885q0 .23.192.423t.423.192H5.5q.213 0 .356.144t.144.357t-.144.356T5.5 22zm16.77 0H18.5q-.213 0-.356-.144T18 21.499t.144-.356T18.5 21h1.885q.23 0 .423-.192t.192-.424V18.5q0-.213.144-.356t.357-.144t.356.144t.143.356v1.885q0 .69-.462 1.152T20.385 22m.758-16.144Q21 5.713 21 5.5V3.616q0-.232-.192-.424T20.385 3H18.5q-.213 0-.356-.144T18 2.499t.144-.356T18.5 2h1.885q.69 0 1.152.463T22 3.616V5.5q0 .213-.144.356T21.499 6t-.356-.144"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFrameBugOutlineRounded(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="M12 20q-1.356 0-2.493-.666q-1.138-.665-1.822-1.834H5.5q-.213 0-.356-.144T5 16.999t.144-.356t.356-.143h1.754q-.229-.73-.241-1.487Q7 14.257 7 13.5H5.5q-.213 0-.356-.144T5 12.999t.144-.356t.356-.143H7q0-.77-.007-1.529q-.007-.76.26-1.471H5.5q-.213 0-.356-.144T5 8.999t.144-.356T5.5 8.5h2.185q.369-.652.912-1.161q.544-.51 1.234-.828L8.367 5.042q-.14-.13-.14-.327q0-.196.15-.345q.136-.137.33-.137t.335.14L10.82 6.15q.585-.167 1.175-.167t1.175.167l1.827-1.783q.131-.14.327-.14t.346.15q.137.137.137.33t-.14.335l-1.47 1.47q.69.317 1.22.824t.9 1.164H18.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-1.754q.268.712.26 1.474Q17 11.737 17 12.5h1.5q.213 0 .356.144t.144.357t-.144.356t-.356.143H17q0 .75-.012 1.51t-.242 1.49H18.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-2.184q-.685 1.17-1.823 1.835T12 20m0-1q1.65 0 2.825-1.175T16 15v-4q0-1.65-1.175-2.825T12 7T9.175 8.175T8 11v4q0 1.65 1.175 2.825T12 19m-1.192-3.5h2.384q.213 0 .357-.144t.143-.357t-.143-.356t-.357-.143h-2.384q-.213 0-.356.144t-.144.357t.144.356t.356.143m0-4h2.384q.213 0 .357-.144t.143-.357t-.143-.356t-.357-.143h-2.384q-.213 0-.356.144t-.144.357t.144.356t.356.143M2.499 6q-.213 0-.356-.144T2 5.5V3.616q0-.691.463-1.153T3.616 2H5.5q.213 0 .356.144T6 2.501t-.144.356T5.5 3H3.616q-.232 0-.424.192T3 3.616V5.5q0 .213-.144.356T2.499 6m1.116 16q-.69 0-1.152-.462T2 20.385V18.5q0-.213.144-.356T2.501 18t.356.144T3 18.5v1.885q0 .23.192.423t.423.192H5.5q.213 0 .356.144t.144.357t-.144.356T5.5 22zm16.77 0H18.5q-.213 0-.356-.144T18 21.499t.144-.356T18.5 21h1.885q.23 0 .423-.192t.192-.424V18.5q0-.213.144-.356t.357-.144t.356.144t.143.356v1.885q0 .69-.462 1.152T20.385 22m.758-16.144Q21 5.713 21 5.5V3.616q0-.232-.192-.424T20.385 3H18.5q-.213 0-.356-.144T18 2.499t.144-.356T18.5 2h1.885q.69 0 1.152.463T22 3.616V5.5q0 .213-.144.356T21.499 6t-.356-.144"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20q-1.356 0-2.493-.666q-1.138-.665-1.822-1.834H5.5q-.213 0-.356-.144T5 16.999t.144-.356t.356-.143h1.754q-.229-.73-.241-1.487Q7 14.257 7 13.5H5.5q-.213 0-.356-.144T5 12.999t.144-.356t.356-.143H7q0-.77-.007-1.529q-.007-.76.26-1.471H5.5q-.213 0-.356-.144T5 8.999t.144-.356T5.5 8.5h2.185q.369-.652.912-1.161q.544-.51 1.234-.828L8.367 5.042q-.14-.13-.14-.327q0-.196.15-.345q.136-.137.33-.137t.335.14L10.82 6.15q.585-.167 1.175-.167t1.175.167l1.827-1.783q.131-.14.327-.14t.346.15q.137.137.137.33t-.14.335l-1.47 1.47q.69.317 1.22.824t.9 1.164H18.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-1.754q.268.712.26 1.474Q17 11.737 17 12.5h1.5q.213 0 .356.144t.144.357t-.144.356t-.356.143H17q0 .75-.012 1.51t-.242 1.49H18.5q.213 0 .356.144t.144.357t-.144.356t-.356.143h-2.184q-.685 1.17-1.823 1.835T12 20m0-1q1.65 0 2.825-1.175T16 15v-4q0-1.65-1.175-2.825T12 7T9.175 8.175T8 11v4q0 1.65 1.175 2.825T12 19m-1.192-3.5h2.384q.213 0 .357-.144t.143-.357t-.143-.356t-.357-.143h-2.384q-.213 0-.356.144t-.144.357t.144.356t.356.143m0-4h2.384q.213 0 .357-.144t.143-.357t-.143-.356t-.357-.143h-2.384q-.213 0-.356.144t-.144.357t.144.356t.356.143M2.499 6q-.213 0-.356-.144T2 5.5V3.616q0-.691.463-1.153T3.616 2H5.5q.213 0 .356.144T6 2.501t-.144.356T5.5 3H3.616q-.232 0-.424.192T3 3.616V5.5q0 .213-.144.356T2.499 6m1.116 16q-.69 0-1.152-.462T2 20.385V18.5q0-.213.144-.356T2.501 18t.356.144T3 18.5v1.885q0 .23.192.423t.423.192H5.5q.213 0 .356.144t.144.357t-.144.356T5.5 22zm16.77 0H18.5q-.213 0-.356-.144T18 21.499t.144-.356T18.5 21h1.885q.23 0 .423-.192t.192-.424V18.5q0-.213.144-.356t.357-.144t.356.144t.143.356v1.885q0 .69-.462 1.152T20.385 22m.758-16.144Q21 5.713 21 5.5V3.616q0-.232-.192-.424T20.385 3H18.5q-.213 0-.356-.144T18 2.499t.144-.356T18.5 2h1.885q.69 0 1.152.463T22 3.616V5.5q0 .213-.144.356T21.499 6t-.356-.144"/></svg> </template>
CSS
.icon-frame-bug-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%22M12%2020q-1.356%200-2.493-.666q-1.138-.665-1.822-1.834H5.5q-.213%200-.356-.144T5%2016.999t.144-.356t.356-.143h1.754q-.229-.73-.241-1.487Q7%2014.257%207%2013.5H5.5q-.213%200-.356-.144T5%2012.999t.144-.356t.356-.143H7q0-.77-.007-1.529q-.007-.76.26-1.471H5.5q-.213%200-.356-.144T5%208.999t.144-.356T5.5%208.5h2.185q.369-.652.912-1.161q.544-.51%201.234-.828L8.367%205.042q-.14-.13-.14-.327q0-.196.15-.345q.136-.137.33-.137t.335.14L10.82%206.15q.585-.167%201.175-.167t1.175.167l1.827-1.783q.131-.14.327-.14t.346.15q.137.137.137.33t-.14.335l-1.47%201.47q.69.317%201.22.824t.9%201.164H18.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143h-1.754q.268.712.26%201.474Q17%2011.737%2017%2012.5h1.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143H17q0%20.75-.012%201.51t-.242%201.49H18.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143h-2.184q-.685%201.17-1.823%201.835T12%2020m0-1q1.65%200%202.825-1.175T16%2015v-4q0-1.65-1.175-2.825T12%207T9.175%208.175T8%2011v4q0%201.65%201.175%202.825T12%2019m-1.192-3.5h2.384q.213%200%20.357-.144t.143-.357t-.143-.356t-.357-.143h-2.384q-.213%200-.356.144t-.144.357t.144.356t.356.143m0-4h2.384q.213%200%20.357-.144t.143-.357t-.143-.356t-.357-.143h-2.384q-.213%200-.356.144t-.144.357t.144.356t.356.143M2.499%206q-.213%200-.356-.144T2%205.5V3.616q0-.691.463-1.153T3.616%202H5.5q.213%200%20.356.144T6%202.501t-.144.356T5.5%203H3.616q-.232%200-.424.192T3%203.616V5.5q0%20.213-.144.356T2.499%206m1.116%2016q-.69%200-1.152-.462T2%2020.385V18.5q0-.213.144-.356T2.501%2018t.356.144T3%2018.5v1.885q0%20.23.192.423t.423.192H5.5q.213%200%20.356.144t.144.357t-.144.356T5.5%2022zm16.77%200H18.5q-.213%200-.356-.144T18%2021.499t.144-.356T18.5%2021h1.885q.23%200%20.423-.192t.192-.424V18.5q0-.213.144-.356t.357-.144t.356.144t.143.356v1.885q0%20.69-.462%201.152T20.385%2022m.758-16.144Q21%205.713%2021%205.5V3.616q0-.232-.192-.424T20.385%203H18.5q-.213%200-.356-.144T18%202.499t.144-.356T18.5%202h1.885q.69%200%201.152.463T22%203.616V5.5q0%20.213-.144.356T21.499%206t-.356-.144%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%22M12%2020q-1.356%200-2.493-.666q-1.138-.665-1.822-1.834H5.5q-.213%200-.356-.144T5%2016.999t.144-.356t.356-.143h1.754q-.229-.73-.241-1.487Q7%2014.257%207%2013.5H5.5q-.213%200-.356-.144T5%2012.999t.144-.356t.356-.143H7q0-.77-.007-1.529q-.007-.76.26-1.471H5.5q-.213%200-.356-.144T5%208.999t.144-.356T5.5%208.5h2.185q.369-.652.912-1.161q.544-.51%201.234-.828L8.367%205.042q-.14-.13-.14-.327q0-.196.15-.345q.136-.137.33-.137t.335.14L10.82%206.15q.585-.167%201.175-.167t1.175.167l1.827-1.783q.131-.14.327-.14t.346.15q.137.137.137.33t-.14.335l-1.47%201.47q.69.317%201.22.824t.9%201.164H18.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143h-1.754q.268.712.26%201.474Q17%2011.737%2017%2012.5h1.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143H17q0%20.75-.012%201.51t-.242%201.49H18.5q.213%200%20.356.144t.144.357t-.144.356t-.356.143h-2.184q-.685%201.17-1.823%201.835T12%2020m0-1q1.65%200%202.825-1.175T16%2015v-4q0-1.65-1.175-2.825T12%207T9.175%208.175T8%2011v4q0%201.65%201.175%202.825T12%2019m-1.192-3.5h2.384q.213%200%20.357-.144t.143-.357t-.143-.356t-.357-.143h-2.384q-.213%200-.356.144t-.144.357t.144.356t.356.143m0-4h2.384q.213%200%20.357-.144t.143-.357t-.143-.356t-.357-.143h-2.384q-.213%200-.356.144t-.144.357t.144.356t.356.143M2.499%206q-.213%200-.356-.144T2%205.5V3.616q0-.691.463-1.153T3.616%202H5.5q.213%200%20.356.144T6%202.501t-.144.356T5.5%203H3.616q-.232%200-.424.192T3%203.616V5.5q0%20.213-.144.356T2.499%206m1.116%2016q-.69%200-1.152-.462T2%2020.385V18.5q0-.213.144-.356T2.501%2018t.356.144T3%2018.5v1.885q0%20.23.192.423t.423.192H5.5q.213%200%20.356.144t.144.357t-.144.356T5.5%2022zm16.77%200H18.5q-.213%200-.356-.144T18%2021.499t.144-.356T18.5%2021h1.885q.23%200%20.423-.192t.192-.424V18.5q0-.213.144-.356t.357-.144t.356.144t.143.356v1.885q0%20.69-.462%201.152T20.385%2022m.758-16.144Q21%205.713%2021%205.5V3.616q0-.232-.192-.424T20.385%203H18.5q-.213%200-.356-.144T18%202.499t.144-.356T18.5%202h1.885q.69%200%201.152.463T22%203.616V5.5q0%20.213-.144.356T21.499%206t-.356-.144%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/frame-bug-outline-rounded.svg?color=%231a73e8&size=48
