Иконка Sign Language

material-symbols-light:sign-language

Иконка Sign Language (material-symbols-light:sign-language) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Material Symbols Light
Автор: Google
Лицензия: Apache-2.0
Размер: 24 × 24
Категория: Социальное
Теги: communication, deaf, fingers, gesture, hand, language, sign, social, signlanguage

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m11.433 22l-8.202-.756q-.214-.011-.354-.17q-.14-.158-.11-.372q.031-.194.19-.332t.353-.126l3.494.318l.706-2.508l-5.152-.985q-.194-.036-.314-.21q-.119-.175-.082-.363q.055-.213.22-.332t.378-.083l5.225 1.01l.656-2.322l-6-1.613q-.208-.068-.302-.245t-.027-.384q.067-.194.231-.298q.165-.104.353-.037l6.02 1.614l.625-2.21l-4.033-2.084q-.183-.085-.25-.293t.036-.384q.104-.183.302-.24q.198-.058.375.026l6.196 3.223l.095-2.365q.025-.258.138-.463t.285-.354q.17-.135.385-.165t.467.038l.194.06l2.565 5.001q.2.379.216.793q.015.413-.11.798l-1.217 4.375q-.323 1.169-1.328 1.869T11.433 22m6.73-7.139q.03-.286.023-.578t-.09-.58l-2.982-5.759l1.42-.734l-1.87-4.502q-.073-.183.009-.369q.083-.185.266-.278q.188-.078.38-.002q.192.075.271.258l2.68 6.447l1.61-1.781q.16-.185.382-.287q.22-.102.472-.077q.272.031.497.142t.378.326l.122.188l-1.416 5.483q-.111.404-.344.73t-.58.543zm-5.875-8.105l-2.157-3.108q-.116-.177-.079-.365t.214-.318q.176-.115.374-.088t.314.204l2.465 3.544q-.28-.048-.571-.01q-.29.039-.56.14m-2.017 2.093l-1.565-.823l-1.179-1.394q-.14-.172-.112-.363q.027-.191.204-.35q.172-.122.36-.1q.188.02.329.173l2.077 2.501q-.048.085-.075.175t-.039.181"/></svg>

Как использовать иконку Sign Language

React

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

<Icon icon="material-symbols-light:sign-language" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:sign-language" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:sign-language" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--sign-language]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:sign-language"></div>

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

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

<iconify-icon icon="material-symbols-light:sign-language"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/material-symbols-light/sign-language.svg" alt="Иконка Sign Language" width="24" height="24">

Иконка Sign Language в других наборах

Вопросы и ответы: Иконка Sign Language

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

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

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

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

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

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

Все Иконки Material Symbols Light →