ICONYZ
Português (Brasil)
Ícone Stitches Light de Material Icon Theme

Ícone Stitches Light

material-icon-theme:stitches-light

O ícone Stitches Light (material-icon-theme:stitches-light) é um ícone SVG gratuito da coleção Material Icon Theme de Material Extensions. Ele é desenhado em uma grade de 64 × 64. Material Icon Theme icons são publicados sob a licença MIT, 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 Icon Theme
Autor
Material Extensions
Licença
MIT
Tamanho
64 × 64
Tags
stitcheslight, stitch
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#546e7a" clip-rule="evenodd"><path d="M32 8.812C19.193 8.812 8.81 19.193 8.81 32S19.193 55.189 32 55.189S55.188 44.807 55.188 32S44.807 8.812 32 8.812M5.27 32C5.27 17.238 17.239 5.27 32 5.27S58.73 17.239 58.73 32S46.761 58.73 32 58.73S5.27 46.761 5.27 32"/><path d="M57.179 37.624L24.384 56.558l-.886-1.533L56.294 36.09zM40.826 9.3L8.031 28.236l-.885-1.533L39.941 7.767zm6.527 25.024a.887.887 0 0 1-.324 1.21L17.214 52.747a.885.885 0 0 1-.885-1.534L46.143 34a.885.885 0 0 1 1.21.324m.967-22.422c.245.424.1.965-.323 1.21L18.183 30.325a.885.885 0 0 1-.886-1.534l29.814-17.213a.885.885 0 0 1 1.21.324z"/><path d="M23.944 25.844a.885.885 0 0 1 1.239-.184L41.15 37.499a.885.885 0 1 1-1.054 1.422L24.128 27.08a.885.885 0 0 1-.184-1.238zm5.963-3.442a.885.885 0 0 1 1.238-.184l15.967 11.838a.885.885 0 0 1-1.054 1.422L30.09 23.64a.885.885 0 0 1-.183-1.239zM17.02 29.043a.885.885 0 0 1 1.235-.205l16.92 12.094a.885.885 0 1 1-1.03 1.44l-16.92-12.094a.885.885 0 0 1-.205-1.235"/></g></svg>

Como usar o ícone Stitches Light

React

import { Icon } from "@iconify/react";

<Icon icon="material-icon-theme:stitches-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-icon-theme:stitches-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-icon-theme:stitches-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--stitches-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:stitches-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-icon-theme:stitches-light"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/material-icon-theme/stitches-light.svg" alt="Ícone Stitches Light" width="24" height="24">

Ícones relacionados em Material Icon Theme

Ícone stitches
stitches

Perguntas frequentes sobre Ícone Stitches Light

O ícone Stitches Light é grátis para uso comercial?

Sim. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Stitches Light no React?

Instale @iconify/react e renderize <Icon icon="material-icon-theme:stitches-light" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Stitches Light a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-icon-theme/stitches-light.svg" alt="Ícone Stitches Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Material Icon Theme →