ICONYZ
Русский
Иконка Writing Hand Dark из набора Fluent Emoji

Иконка Writing Hand Dark

fluent-emoji:writing-hand-dark

Иконка Writing Hand Dark (fluent-emoji:writing-hand-dark) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Fluent Emoji
Автор
Microsoft Corporation
Лицензия
MIT
Размер
32 × 32
Теги
writinghand, handdark, writinghanddark
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iqvhPWd)"><path fill="url(#iZ1Lb1b)" d="m6.784 12.051l.359-.576a5 5 0 0 1 6.632-1.75l2.88 1.565l-4.306 7.08l-1.415-3.54l-4.317 7.519a2.535 2.535 0 0 1-3.49.922l-.116-.069a2.535 2.535 0 0 1-.88-3.494l3.62-5.986l-.005-.004l.281-.451l.583-.964q.08-.133.174-.252"/><path fill="url(#iAQ24Qd)" d="m6.784 12.051l.359-.576a5 5 0 0 1 6.632-1.75l2.88 1.565l-4.306 7.08l-1.415-3.54l-4.317 7.519a2.535 2.535 0 0 1-3.49.922l-.116-.069a2.535 2.535 0 0 1-.88-3.494l3.62-5.986l-.005-.004l.281-.451l.583-.964q.08-.133.174-.252"/></g><path fill="url(#iota0zc)" d="m15.173 27.117l-.671-1.725l1.352-1.986h14.03v4.579a2 2 0 0 1-2 2h-8.517a4.5 4.5 0 0 1-4.194-2.869"/><path fill="url(#iyKwRGe)" d="m15.173 27.117l-.671-1.725l1.352-1.986h14.03v4.579a2 2 0 0 1-2 2h-8.517a4.5 4.5 0 0 1-4.194-2.869"/><rect width="4.832" height="6.985" x="9.933" y="22.892" fill="url(#ihNI5qb)" rx="2.416"/><rect width="4.832" height="6.985" x="9.933" y="22.892" fill="url(#i3m2VzW)" rx="2.416"/><rect width="4.832" height="6.985" x="9.933" y="22.892" fill="url(#i5rjHyq)" rx="2.416"/><path fill="url(#iZMFZVb)" d="M18.14 2.266a.5.5 0 0 1 .684-.184l2.963 1.71a.5.5 0 0 1 .184.681L8.43 28.12a.5.5 0 0 1-.211.199l-3.176 1.575c-.162.08-.298 0-.306-.18l-.226-3.541a.5.5 0 0 1 .065-.273z"/><path fill="url(#ifV653b)" d="M18.14 2.266a.5.5 0 0 1 .684-.184l2.963 1.71a.5.5 0 0 1 .184.681L8.43 28.12a.5.5 0 0 1-.211.199l-3.176 1.575c-.162.08-.298 0-.306-.18l-.226-3.541a.5.5 0 0 1 .065-.273z"/><g filter="url(#iXlKVqb)"><path stroke="url(#i2ZmQAc)" stroke-linecap="round" d="M17.241 8.382L8.19 24.319"/></g><g filter="url(#iWiYi3Z)"><path fill="url(#igfYuOe)" d="M9.933 22.03c-1.251.875-1.653 2.634-.838 3.924c.836 1.321 2.674 1.709 4.005.89l3.53-2.174a.91.91 0 0 1 1.263.313a6.84 6.84 0 0 0 6.588 3.321l3.832-.394a1.75 1.75 0 0 0 1.57-1.741v-7.13a2.81 2.81 0 0 0-1.736-2.585c-2.227-.928-6.282-2.689-10.295-4.785l-4.741 8.28z"/><path fill="url(#iYMMbjd)" d="M9.933 22.03c-1.251.875-1.653 2.634-.838 3.924c.836 1.321 2.674 1.709 4.005.89l3.53-2.174a.91.91 0 0 1 1.263.313a6.84 6.84 0 0 0 6.588 3.321l3.832-.394a1.75 1.75 0 0 0 1.57-1.741v-7.13a2.81 2.81 0 0 0-1.736-2.585c-2.227-.928-6.282-2.689-10.295-4.785l-4.741 8.28z"/><path fill="url(#iETTPYb)" d="M9.933 22.03c-1.251.875-1.653 2.634-.838 3.924c.836 1.321 2.674 1.709 4.005.89l3.53-2.174a.91.91 0 0 1 1.263.313a6.84 6.84 0 0 0 6.588 3.321l3.832-.394a1.75 1.75 0 0 0 1.57-1.741v-7.13a2.81 2.81 0 0 0-1.736-2.585c-2.227-.928-6.282-2.689-10.295-4.785l-4.741 8.28z"/><path fill="url(#i14l4Jd)" d="M9.933 22.03c-1.251.875-1.653 2.634-.838 3.924c.836 1.321 2.674 1.709 4.005.89l3.53-2.174a.91.91 0 0 1 1.263.313a6.84 6.84 0 0 0 6.588 3.321l3.832-.394a1.75 1.75 0 0 0 1.57-1.741v-7.13a2.81 2.81 0 0 0-1.736-2.585c-2.227-.928-6.282-2.689-10.295-4.785l-4.741 8.28z"/></g><path fill="url(#iyJTHbd)" d="M9.933 22.03c-1.251.875-1.653 2.634-.838 3.924c.836 1.321 2.674 1.709 4.005.89l3.53-2.174a.91.91 0 0 1 1.263.313a6.84 6.84 0 0 0 6.588 3.321l3.832-.394a1.75 1.75 0 0 0 1.57-1.741v-7.13a2.81 2.81 0 0 0-1.736-2.585c-2.227-.928-6.282-2.689-10.295-4.785l-4.741 8.28z"/><path fill="url(#iObwmHd)" d="M9.933 22.03c-1.251.875-1.653 2.634-.838 3.924c.836 1.321 2.674 1.709 4.005.89l3.53-2.174a.91.91 0 0 1 1.263.313a6.84 6.84 0 0 0 6.588 3.321l3.832-.394a1.75 1.75 0 0 0 1.57-1.741v-7.13a2.81 2.81 0 0 0-1.736-2.585c-2.227-.928-6.282-2.689-10.295-4.785l-4.741 8.28z"/><path fill="url(#iAeDQae)" d="m16.925 13.287l-3.807 6.65l1.758-1.104a5.25 5.25 0 0 1 3.498-.757l2.431.33z"/><path fill="url(#iYwKo0t)" d="m16 5.995l1.073-1.869l3.823 2.225l-1.07 1.87z"/><path fill="url(#iTMmIdc)" d="m16 5.995l1.073-1.869l3.823 2.225l-1.07 1.87z"/><path fill="url(#izn0qGc)" d="M8.386 28.182a.5.5 0 0 1-.168.136l-3.176 1.575c-.162.08-.298 0-.306-.18l-.226-3.541a.5.5 0 0 1 .02-.169z"/><path fill="url(#iJb0YGS)" d="M8.386 28.182a.5.5 0 0 1-.168.136l-3.176 1.575c-.162.08-.298 0-.306-.18l-.226-3.541a.5.5 0 0 1 .02-.169z"/><path fill="url(#iDiVvfd)" d="M8.386 28.182a.5.5 0 0 1-.168.136l-3.176 1.575c-.162.08-.298 0-.306-.18l-.226-3.541a.5.5 0 0 1 .02-.169z"/><path fill="url(#i9L0p6b)" d="m5.859 29.488l-.817.405c-.162.08-.298 0-.306-.18l-.058-.906z"/><g filter="url(#iR2x5bc)"><path fill="#685352" d="m17.818 20.62l-5.632 3.042a.69.69 0 1 0 .66 1.212l5.062-2.772a2 2 0 0 1 1.624-.132l9.097 3.2v-4.91h-9.385a3 3 0 0 0-1.426.36"/></g><path fill="url(#icPwDqd)" d="m13.118 19.936l1.758-1.103a5.25 5.25 0 0 1 3.498-.757l1.468.2l-1.939 6.723l-.01-.016a.91.91 0 0 0-1.263-.313l-3.53 2.173c-1.33.82-3.169.432-4.005-.89c-.815-1.289-.413-3.048.838-3.922l3.178-2.082z"/><path fill="url(#iwUWzJc)" d="m13.118 19.936l1.758-1.103a5.25 5.25 0 0 1 3.498-.757l1.468.2l-1.939 6.723l-.01-.016a.91.91 0 0 0-1.263-.313l-3.53 2.173c-1.33.82-3.169.432-4.005-.89c-.815-1.289-.413-3.048.838-3.922l3.178-2.082z"/><g filter="url(#ipZd3rc)"><path stroke="url(#ih80rUn)" stroke-linecap="round" stroke-width=".25" d="m18.719 2.503l2.848 1.737"/></g><defs><linearGradient id="iZ1Lb1b" x1="11.914" x2="4.985" y1="10.071" y2="21.98" gradientUnits="userSpaceOnUse"><stop stop-color="#462F2D"/><stop offset="1" stop-color="#3C2229"/></linearGradient><linearGradient id="iota0zc" x1="16.529" x2="20.534" y1="24.288" y2="29.334" gradientUnits="userSpaceOnUse"><stop stop-color="#3B2629"/><stop offset="1" stop-color="#4C354D"/></linearGradient><linearGradient id="iyKwRGe" x1="30.064" x2="28.992" y1="29.985" y2="29.985" gradientUnits="userSpaceOnUse"><stop stop-color="#635455"/><stop offset="1" stop-color="#635455" stop-opacity="0"/></linearGradient><linearGradient id="i2ZmQAc" x1="10.097" x2="18.224" y1="22.631" y2="8.382" gradientUnits="userSpaceOnUse"><stop stop-color="#E98D53"/><stop offset="1" stop-color="#E98D53" stop-opacity="0"/></linearGradient><linearGradient id="igfYuOe" x1="17.139" x2="28.784" y1="13.161" y2="24.614" gradientUnits="userSpaceOnUse"><stop stop-color="#593E3A"/><stop offset="1" stop-color="#472C33"/></linearGradient><linearGradient id="i14l4Jd" x1="24.375" x2="23.375" y1="13.844" y2="15.781" gradientUnits="userSpaceOnUse"><stop stop-color="#62504D"/><stop offset="1" stop-color="#62504D" stop-opacity="0"/></linearGradient><linearGradient id="iyJTHbd" x1="23.814" x2="22.001" y1="14.125" y2="17.875" gradientUnits="userSpaceOnUse"><stop stop-color="#563B39"/><stop offset="1" stop-color="#563B39" stop-opacity="0"/></linearGradient><linearGradient id="iObwmHd" x1="30.376" x2="27.814" y1="21.188" y2="21.188" gradientUnits="userSpaceOnUse"><stop stop-color="#563B39"/><stop offset="1" stop-color="#563B39" stop-opacity="0"/></linearGradient><linearGradient id="iYwKo0t" x1="16.345" x2="20.896" y1="5.063" y2="7.563" gradientUnits="userSpaceOnUse"><stop stop-color="#9E999F"/><stop offset="1" stop-color="#D2CCDD"/></linearGradient><linearGradient id="iTMmIdc" x1="20.454" x2="20.126" y1="7.211" y2="7.031" gradientUnits="userSpaceOnUse"><stop stop-color="#9C979A"/><stop offset="1" stop-color="#D4C5DE" stop-opacity="0"/><stop offset="1" stop-color="#9C979A" stop-opacity="0"/></linearGradient><linearGradient id="izn0qGc" x1="4.939" x2="6.215" y1="27.964" y2="28.351" gradientUnits="userSpaceOnUse"><stop stop-color="#BF8971"/><stop offset="1" stop-color="#D28F7F"/></linearGradient><linearGradient id="iJb0YGS" x1="7.69" x2="6.257" y1="29.509" y2="28.682" gradientUnits="userSpaceOnUse"><stop stop-color="#C4848C"/><stop offset="1" stop-color="#C4848C" stop-opacity="0"/></linearGradient><linearGradient id="iDiVvfd" x1="6.531" x2="6.353" y1="27.031" y2="27.32" gradientUnits="userSpaceOnUse"><stop stop-color="#DE9E82"/><stop offset="1" stop-color="#DE9E82" stop-opacity="0"/></linearGradient><linearGradient id="i9L0p6b" x1="4.942" x2="5.44" y1="29.424" y2="29.824" gradientUnits="userSpaceOnUse"><stop stop-color="#3B1A3B"/><stop offset="1" stop-color="#5A1870"/><stop offset="1" stop-color="#3F0C46"/></linearGradient><linearGradient id="icPwDqd" x1="10.564" x2="13.345" y1="19.781" y2="22.65" gradientUnits="userSpaceOnUse"><stop stop-color="#3A222B"/><stop offset="1" stop-color="#3A222B" stop-opacity="0"/></linearGradient><linearGradient id="ih80rUn" x1="21.428" x2="18.719" y1="4.078" y2="2.596" gradientUnits="userSpaceOnUse"><stop stop-color="#FF756D" stop-opacity="0"/><stop offset=".339" stop-color="#FF756D"/><stop offset="1" stop-color="#FF756D" stop-opacity="0"/></linearGradient><radialGradient id="iAQ24Qd" cx="0" cy="0" r="1" gradientTransform="rotate(151.144 5.744 6.939)scale(2.4229 2.39271)" gradientUnits="userSpaceOnUse"><stop stop-color="#433230"/><stop offset="1" stop-color="#433230" stop-opacity="0"/></radialGradient><radialGradient id="ihNI5qb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.7323 1.68053 -2.0249 -2.08727 13.972 26.384)" gradientUnits="userSpaceOnUse"><stop stop-color="#361C2C"/><stop offset="1" stop-color="#271B1E"/></radialGradient><radialGradient id="i3m2VzW" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.66523 -4.10231 0 12.349 25.55)" gradientUnits="userSpaceOnUse"><stop offset=".776" stop-color="#473046" stop-opacity="0"/><stop offset="1" stop-color="#473046"/></radialGradient><radialGradient id="i5rjHyq" cx="0" cy="0" r="1" gradientTransform="matrix(1.5309 1.62182 -2.36979 2.23692 9.933 26.75)" gradientUnits="userSpaceOnUse"><stop stop-color="#493634"/><stop offset="1" stop-color="#493634" stop-opacity="0"/></radialGradient><radialGradient id="iZMFZVb" cx="0" cy="0" r="1" gradientTransform="matrix(9.03508 -16.18294 6.82694 3.81154 9.78 21.496)" gradientUnits="userSpaceOnUse"><stop stop-color="#DB7C3C"/><stop offset="1" stop-color="#EC5047"/></radialGradient><radialGradient id="ifV653b" cx="0" cy="0" r="1" gradientTransform="matrix(2.78125 -4.4375 3.06055 1.91824 12.442 21.745)" gradientUnits="userSpaceOnUse"><stop stop-color="#B94D0B"/><stop offset="1" stop-color="#B94D0B" stop-opacity="0"/></radialGradient><radialGradient id="iYMMbjd" cx="0" cy="0" r="1" gradientTransform="matrix(-6.99141 -6.95223 4.42821 -4.45317 22.776 30.354)" gradientUnits="userSpaceOnUse"><stop offset=".212" stop-color="#3C2034"/><stop offset="1" stop-color="#3C2034" stop-opacity="0"/></radialGradient><radialGradient id="iETTPYb" cx="0" cy="0" r="1" gradientTransform="rotate(149.931 11.96 13)scale(5.17395 1.57367)" gradientUnits="userSpaceOnUse"><stop stop-color="#67514E"/><stop offset="1" stop-color="#67514E" stop-opacity="0"/></radialGradient><radialGradient id="iAeDQae" cx="0" cy="0" r="1" gradientTransform="rotate(-45.605 30.782 -5.494)scale(7.31574 8.64406)" gradientUnits="userSpaceOnUse"><stop offset=".117" stop-color="#402F31"/><stop offset=".561" stop-color="#2F1819"/><stop offset="1" stop-color="#2F1819" stop-opacity="0"/></radialGradient><radialGradient id="iwUWzJc" cx="0" cy="0" r="1" gradientTransform="matrix(3.73694 -2.5625 3.33108 4.85777 8.67 25.969)" gradientUnits="userSpaceOnUse"><stop stop-color="#3A222B"/><stop offset="1" stop-color="#3A222B" stop-opacity="0"/></radialGradient><filter id="iqvhPWd" width="15.189" height="15.507" x="1.465" y="8.117" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.3" dy="-1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.235294 0 0 0 0 0.145098 0 0 0 0 0.215686 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_6305"/></filter><filter id="iXlKVqb" width="12.051" height="18.937" x="6.69" y="6.882" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_6305" stdDeviation=".5"/></filter><filter id="iWiYi3Z" width="21.213" height="16.921" x="8.671" y="11.419" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.333333 0 0 0 0 0.254902 0 0 0 0 0.329412 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_20020_6305"/></filter><filter id="iR2x5bc" width="20.805" height="8.91" x="9.824" y="18.26" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_6305" stdDeviation="1"/></filter><filter id="ipZd3rc" width="3.598" height="2.487" x="18.344" y="2.128" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_20020_6305" stdDeviation=".125"/></filter></defs></g></svg>

Как использовать иконку Writing Hand Dark

React

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

<Icon icon="fluent-emoji:writing-hand-dark" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:writing-hand-dark" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:writing-hand-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--writing-hand-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:writing-hand-dark"></div>

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

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

<iconify-icon icon="fluent-emoji:writing-hand-dark"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/fluent-emoji/writing-hand-dark.svg" alt="Иконка Writing Hand Dark" width="24" height="24">

Похожие иконки в наборе Fluent Emoji

Иконка Writing Hand Dark в других наборах

Вопросы и ответы: Иконка Writing Hand Dark

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

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

Как использовать иконку Writing Hand Dark в React?

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

Как добавить иконку Writing Hand Dark на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/writing-hand-dark.svg" alt="Иконка Writing Hand Dark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fluent Emoji →