Icône Frame Bug Outline Rounded
material-symbols-light:frame-bug-outline-rounded
L'icône Frame Bug Outline Rounded (material-symbols-light:frame-bug-outline-rounded) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Material Symbols Light
- Auteur
- Google
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Actions d'interface
- Mots-clés
- framebug, bugoutline, outlinerounded, framebugoutlinerounded
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>
Comment utiliser l'icône Frame Bug Outline Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:frame-bug-outline-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:frame-bug-outline-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:frame-bug-outline-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--frame-bug-outline-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:frame-bug-outline-rounded"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:frame-bug-outline-rounded"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/frame-bug-outline-rounded.svg" alt="Icône Frame Bug Outline Rounded" width="24" height="24">
Icônes similaires dans Material Symbols Light
L'icône Frame Bug Outline Rounded dans d'autres collections
FAQ : Icône Frame Bug Outline Rounded
L'icône Frame Bug Outline Rounded est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Frame Bug Outline Rounded dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols-light:frame-bug-outline-rounded" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Frame Bug Outline Rounded à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/frame-bug-outline-rounded.svg" alt="Icône Frame Bug Outline Rounded">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Material Symbols Light →
