Иконка Signature 32 Light
fluent:signature-32-light
Иконка Signature 32 Light (fluent:signature-32-light) — бесплатная SVG-иконка из набора Fluent UI System Icons от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent UI System Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent UI System Icons
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- signaturelight
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M17.9 3.39a4.744 4.744 0 1 1 6.708 6.708l-.662.662l.028.028a3.5 3.5 0 0 1-.001 4.951l-3.117 3.114a.5.5 0 1 1-.707-.707l3.117-3.114a2.5 2.5 0 0 0 0-3.536l-.027-.029l-11.954 11.954a3.5 3.5 0 0 1-1.616.918l-6.423 1.626a1 1 0 0 1-1.214-1.216l1.632-6.428a3.5 3.5 0 0 1 .917-1.613zm6 .707a3.744 3.744 0 0 0-5.294 0L5.288 17.415a2.5 2.5 0 0 0-.655 1.152L3 24.996l6.423-1.625a2.5 2.5 0 0 0 1.154-.656L23.901 9.39a3.744 3.744 0 0 0 0-5.294M4.002 27.32c.38.361.812.71 1.28 1.03C6.643 29.28 8.366 30 10 30c1.222 0 2.392-.45 3.46-1.076c1.07-.627 2.071-1.45 2.96-2.237c.348-.31.675-.61.982-.89c.492-.45.933-.855 1.337-1.182q.483-.395.802-.552a1 1 0 0 1 .235-.086a.3.3 0 0 1 .063-.003h.003c.252.084.46.295.66.694c.171.338.303.742.452 1.2l.094.286c.353 1.066.86 2.463 2.33 2.831c.644.161 1.207.033 1.712-.229c.482-.25.933-.634 1.36-1.001l.015-.013c.881-.755 1.78-1.526 3.117-1.749a.5.5 0 1 0-.164-.986c-1.614.269-2.698 1.2-3.553 1.932l-.065.056c-.448.384-.81.686-1.17.874c-.34.176-.652.235-1.009.146c-.87-.218-1.245-1.032-1.624-2.175l-.085-.26c-.148-.457-.308-.949-.516-1.362c-.253-.502-.623-.987-1.238-1.192c-.376-.126-.755-.01-1.058.14c-.316.155-.651.396-.992.672c-.422.343-.905.785-1.417 1.254a81 81 0 0 1-.935.846c-.875.776-1.817 1.546-2.801 2.123S10.978 29 10 29c-1.366 0-2.893-.614-4.156-1.476a10 10 0 0 1-.67-.5zm-1.97-2.572l.485.123z"/></svg>
Как использовать иконку Signature 32 Light
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:signature-32-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:signature-32-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:signature-32-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--signature-32-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:signature-32-light"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:signature-32-light"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent/signature-32-light.svg" alt="Иконка Signature 32 Light" width="24" height="24">
Похожие иконки в наборе Fluent UI System Icons
Вопросы и ответы: Иконка Signature 32 Light
Можно ли бесплатно использовать иконку Signature 32 Light в коммерческих проектах?
Да. Fluent UI System Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Signature 32 Light в React?
Установите @iconify/react и выведите <Icon icon="fluent:signature-32-light" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Signature 32 Light на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent/signature-32-light.svg" alt="Иконка Signature 32 Light">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Fluent UI System Icons →
ICONYZ
