Ícone Function
material-symbols-light:function
O ícone Function (material-symbols-light:function) é 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
- Google
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Texto
- Tags
- function sharp, function outline, function outline sharp
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.308 17.5v-1h1.28l3.049-3.5l-3.049-3.5H9.67l-1.6 8.196q-.277 1.433-.877 2.118q-.6.686-1.57.686q-.876 0-1.441-.484q-.566-.485-.566-1.274q0-.55.281-.883q.281-.334.72-.334q.413 0 .706.29q.294.29.294.699q0 .278-.167.484q-.166.206-.403.254q.096.096.27.164q.173.067.384.067q.529-.006.857-.465q.327-.458.531-1.447L8.659 9.5H5.692v-1h3.149l.486-2.62q.214-1.16.803-1.77t1.505-.61q.869 0 1.434.506q.565.505.565 1.288q0 .539-.28.872q-.281.334-.72.334q-.413 0-.706-.28q-.294-.281-.294-.695q0-.279.167-.485q.166-.206.422-.254q-.096-.115-.298-.192t-.413-.077q-.477.012-.773.4q-.297.389-.443 1.147L9.871 8.5h4.437v1h-1.396l2.396 2.744L17.704 9.5h-1.396v-1h4v1h-1.281L15.979 13l3.067 3.5h1.262v1h-4v-1h1.396l-2.396-2.75l-2.396 2.75h1.396v1z"/></svg>
Como usar o ícone Function
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:function" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:function" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:function" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--function]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:function"></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:function"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/function.svg" alt="Ícone Function" width="24" height="24">
Ícones relacionados em Material Symbols Light
O ícone Function em outras coleções
Perguntas frequentes sobre Ícone Function
O ícone Function é 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 Function no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:function" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Function 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/function.svg" alt="Ícone Function">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Material Symbols Light →
ICONYZ
