ICONYZ
Русский
Иконка Humerus Outline из набора Material Symbols Light

Иконка Humerus Outline

material-symbols-light:humerus-outline

Иконка Humerus Outline (material-symbols-light:humerus-outline) — бесплатная 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
Категория
Социальное
Теги
humerusoutline, humerus outline sharp, humerus outline rounded
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.05 21q-.852 0-1.441-.596T7 18.956q.02-.408.17-.766q.151-.357.442-.648l2.413-2.383v-4.351Q10 10.227 9.619 9.79Q9.24 9.354 8.746 9q-.971-.734-1.358-1.433Q7 6.87 7 6.077q0-1.313.928-2.195T10.212 3q.598 0 1.11.151t.967.455q.19.106.354.192t.332.087q.423 0 .904-.427q.352-.227.671-.343q.32-.115.637-.115q.777 0 1.295.53T17 4.837q0 .42-.17.816t-.491.736L14.025 8.77v6.364l2.389 2.407q.29.29.447.658t.158.775q0 .852-.583 1.429q-.584.577-1.436.577q-.408 0-.766-.148q-.357-.148-.647-.439q-.31-.31-.715-.474t-.847-.164t-.847.164t-.714.474q-.291.29-.648.448T9.05 21m-.03-1q.2 0 .387-.084q.187-.085.337-.216q.431-.45 1.016-.7q.584-.25 1.234-.25q.631 0 1.216.25q.584.25 1.034.7q.131.13.328.216q.197.084.397.084q.425 0 .728-.312q.303-.313.303-.738q0-.2-.088-.385q-.087-.184-.218-.315l-2.34-2.315q-.181-.162-.267-.392T13 15.071v-6.16q0-.29.102-.54t.3-.448l2.248-2.248q.175-.175.263-.375T16 4.856q0-.375-.266-.628q-.267-.253-.642-.253q-.155 0-.308.034q-.153.035-.284.141l-.925.612q-.125.075-.262.128q-.138.052-.294.052q-.2 0-.406-.074t-.382-.199q-.408-.332-.98-.5Q10.679 4 10.231 4q-.929 0-1.58.595T8 6.077q0 .714.399 1.19q.399.477.922.937l.866.692q.125-.573.375-1.083t.611-.853q.079-.073.16-.103t.167-.03q.214 0 .357.13t.143.345q0 .104-.049.22q-.049.117-.147.19l-.402.62Q11 8.955 11 10.328v4.733q0 .242-.087.472t-.267.391L8.294 18.25q-.15.125-.235.313q-.084.187-.084.387q0 .425.31.738q.31.312.734.312M12 11.975"/></svg>

Как использовать иконку Humerus Outline

React

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

<Icon icon="material-symbols-light:humerus-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:humerus-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:humerus-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="material-symbols-light:humerus-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/material-symbols-light/humerus-outline.svg" alt="Иконка Humerus Outline" width="24" height="24">

Похожие иконки в наборе Material Symbols Light

Иконка Humerus Outline в других наборах

Вопросы и ответы: Иконка Humerus Outline

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

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

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

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

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

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

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