Ícone Webhook Rounded
material-symbols-light:webhook-rounded
O ícone Webhook Rounded (material-symbols-light:webhook-rounded) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Symbols Light
- Autor
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Ações
- Tags
- api, developer, development, enterprise, software, webhook, action, webhookrounded, webhook outline rounded
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7 20.5q-1.864 0-3.182-1.318T2.5 16q0-1.246.608-2.268t1.617-1.615q.275-.165.525-.026q.25.14.25.459q0 .121-.064.24q-.065.12-.169.181q-.776.452-1.272 1.258T3.5 16q0 1.442 1.029 2.471T7 19.5q1.404 0 2.414-.961q1.009-.962 1.086-2.347q.02-.31.199-.5q.18-.192.47-.192h4.725q.142-.321.44-.526q.297-.205.666-.205q.51 0 .87.36q.36.361.36.871t-.36.87t-.87.36q-.388 0-.676-.194q-.288-.196-.43-.536h-4.417q-.235 1.84-1.54 2.92T7 20.5m0-3.27q-.51 0-.87-.36T5.77 16q0-.512.378-.892q.379-.381.994-.314l2.562-4.265q-.84-.656-1.272-1.574T8 7q0-1.864 1.318-3.182T12.5 2.5q1.73 0 2.991 1.14t1.455 2.802q.048.225-.108.392q-.155.166-.386.166q-.171 0-.315-.132t-.185-.309q-.16-1.296-1.136-2.177Q13.838 3.5 12.5 3.5q-1.442 0-2.471 1.029T9 7q0 .883.393 1.618t1.101 1.251q.235.162.303.423q.069.262-.068.485l-2.727 4.542q.108.144.168.321t.06.36q0 .51-.36.87t-.87.36m10 3.27q-.708 0-1.34-.201t-1.195-.591q-.329-.221-.268-.58q.06-.359.474-.359q.106 0 .208.05t.188.106q.402.271.903.423T17 19.5q1.442 0 2.471-1.029T20.5 16t-1.029-2.471T17 12.5q-.25 0-.475.038t-.45.093q-.285.086-.558-.017t-.41-.32l-2.459-4.088q-.525.073-.952-.279T11.27 7q0-.51.36-.87q.362-.36.871-.36t.87.36t.36.87q0 .183-.057.357t-.165.299l2.367 3.977q.258-.05.53-.092q.274-.041.595-.041q1.864 0 3.182 1.318T21.5 16t-1.318 3.182T17 20.5"/></svg>Como usar o ícone Webhook Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:webhook-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:webhook-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:webhook-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--webhook-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:webhook-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:webhook-rounded"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/webhook-rounded.svg" alt="Ícone Webhook Rounded" width="24" height="24">Ícones relacionados em Material Symbols Light
O ícone Webhook Rounded em outras coleções
Perguntas frequentes sobre Ícone Webhook Rounded
O ícone Webhook Rounded é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Webhook Rounded no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:webhook-rounded" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Webhook Rounded a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/webhook-rounded.svg" alt="Ícone Webhook Rounded">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.