Иконка Stitches
material-icon-theme:stitches
Иконка Stitches (material-icon-theme:stitches) — бесплатная SVG-иконка из набора Material Icon Theme от Material Extensions. Она нарисована на сетке 64 × 64. Material Icon Theme icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Icon Theme
- Автор
- Material Extensions
- Лицензия
- MIT
- Размер
- 64 × 64
- Теги
- stitch
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/stitches.svg" alt="Иконка Stitches" width="24" height="24">Похожие иконки в наборе Material Icon Theme
Иконка Stitches в других наборах
Вопросы и ответы: Иконка Stitches
Можно ли бесплатно использовать иконку Stitches в коммерческих проектах?
Да. Material Icon Theme icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Stitches в React?
Установите @iconify/react и выведите <Icon icon="material-icon-theme:stitches" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Stitches на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-icon-theme/stitches.svg" alt="Иконка Stitches">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.