Ícone Stitches
material-icon-theme:stitches
O ícone Stitches (material-icon-theme:stitches) é 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
- stitch
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#cfd8dc" 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
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:stitches" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:stitches" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:stitches" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--stitches]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:stitches"></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"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/stitches.svg" alt="Ícone Stitches" width="24" height="24">Ícones relacionados em Material Icon Theme
O ícone Stitches em outras coleções
Perguntas frequentes sobre Ícone Stitches
O ícone Stitches é 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 no React?
Instale @iconify/react e renderize <Icon icon="material-icon-theme:stitches" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Stitches 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.svg" alt="Ícone Stitches">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.