ICONYZ
Русский
Иконка Stitches Light из набора Material Icon Theme

Иконка Stitches Light

material-icon-theme:stitches-light

Иконка Stitches Light (material-icon-theme:stitches-light) — бесплатная 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
Теги
stitcheslight, stitch
Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/material-icon-theme/stitches-light.svg" alt="Иконка Stitches Light" width="24" height="24">

Похожие иконки в наборе Material Icon Theme

Иконка stitches
stitches

Вопросы и ответы: Иконка Stitches Light

Можно ли бесплатно использовать иконку Stitches Light в коммерческих проектах?

Да. Material Icon Theme icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Stitches Light в React?

Установите @iconify/react и выведите <Icon icon="material-icon-theme:stitches-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Stitches Light на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-icon-theme/stitches-light.svg" alt="Иконка Stitches Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Icon Theme →