Иконка High Voltage
fluent-emoji:high-voltage
Иконка High Voltage (fluent-emoji:high-voltage) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- highvoltage
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iK3Dsyd)" d="m16.725 3.803l-8.158 13.53a.464.464 0 0 0 .398.703h4.127c.307 0 .557.25.557.557v8.638h-.491v2.34h.752a.27.27 0 0 0 .255-.134l9.073-14.865a.279.279 0 0 0-.237-.424h-4.709a.464.464 0 0 1-.464-.464V2.975a.276.276 0 0 0-.262-.278l-.841-.001z"/><g filter="url(#iotWnBd)"><path fill="url(#iVDMuwd)" d="M16.493 2.831L7.75 17.332a.464.464 0 0 0 .397.704h4.127c.308 0 .557.25.557.557v10.7c0 .28.37.384.516.144l9.074-14.865a.279.279 0 0 0-.238-.424h-4.709a.464.464 0 0 1-.464-.464V2.975c0-.282-.371-.385-.517-.144"/></g><path fill="url(#iEtrSCe)" d="M16.493 2.831L7.75 17.332a.464.464 0 0 0 .397.704h4.127c.308 0 .557.25.557.557v10.7c0 .28.37.384.516.144l9.074-14.865a.279.279 0 0 0-.238-.424h-4.709a.464.464 0 0 1-.464-.464V2.975c0-.282-.371-.385-.517-.144"/><path fill="url(#iFFnvPd)" d="M16.493 2.831L7.75 17.332a.464.464 0 0 0 .397.704h4.127c.308 0 .557.25.557.557v10.7c0 .28.37.384.516.144l9.074-14.865a.279.279 0 0 0-.238-.424h-4.709a.464.464 0 0 1-.464-.464V2.975c0-.282-.371-.385-.517-.144"/><path fill="url(#iM1gebb)" d="M16.493 2.831L7.75 17.332a.464.464 0 0 0 .397.704h4.127c.308 0 .557.25.557.557v10.7c0 .28.37.384.516.144l9.074-14.865a.279.279 0 0 0-.238-.424h-4.709a.464.464 0 0 1-.464-.464V2.975c0-.282-.371-.385-.517-.144"/><path fill="url(#iBdd3tX)" d="M16.493 2.831L7.75 17.332a.464.464 0 0 0 .397.704h4.127c.308 0 .557.25.557.557v10.7c0 .28.37.384.516.144l9.074-14.865a.279.279 0 0 0-.238-.424h-4.709a.464.464 0 0 1-.464-.464V2.975c0-.282-.371-.385-.517-.144"/><defs><linearGradient id="iK3Dsyd" x1="18.407" x2="18.407" y1="7.966" y2="23.712" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBD61"/><stop offset="1" stop-color="#EB5C74"/></linearGradient><linearGradient id="iVDMuwd" x1="15.072" x2="15.072" y1="11.05" y2="26.586" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA547"/><stop offset="1" stop-color="#F14B49"/></linearGradient><linearGradient id="iEtrSCe" x1="15.072" x2="15.072" y1="2.696" y2="13.761" gradientUnits="userSpaceOnUse"><stop stop-color="#DF9844"/><stop offset="1" stop-color="#DF9844" stop-opacity="0"/></linearGradient><linearGradient id="iM1gebb" x1="13.063" x2="13.493" y1="8.372" y2="8.63" gradientUnits="userSpaceOnUse"><stop stop-color="#C76C38"/><stop offset="1" stop-color="#C76C38" stop-opacity="0"/></linearGradient><radialGradient id="iFFnvPd" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.45595 -1.40857 0 17.1 7.924)" gradientUnits="userSpaceOnUse"><stop stop-color="#FE9052"/><stop offset="1" stop-color="#FE9052" stop-opacity="0"/></radialGradient><radialGradient id="iBdd3tX" cx="0" cy="0" r="1" gradientTransform="matrix(0 6.6875 -2.4375 0 17.157 7.716)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB54B"/><stop offset="1" stop-color="#FFB54B" stop-opacity="0"/></radialGradient><filter id="iotWnBd" width="14.78" height="26.875" x="7.682" y="2.696" 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/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.968627 0 0 0 0 0.431373 0 0 0 0 0.337255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_15539"/></filter></defs></g></svg>
Как использовать иконку High Voltage
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:high-voltage" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:high-voltage" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:high-voltage" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--high-voltage]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:high-voltage"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:high-voltage"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/high-voltage.svg" alt="Иконка High Voltage" width="24" height="24">
Похожие иконки в наборе Fluent Emoji
Иконка High Voltage в других наборах
Вопросы и ответы: Иконка High Voltage
Можно ли бесплатно использовать иконку High Voltage в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку High Voltage в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:high-voltage" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку High Voltage на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/high-voltage.svg" alt="Иконка High Voltage">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji →
ICONYZ
