Иконка Variable
fluent-mdl2:variable
Иконка Variable (fluent-mdl2:variable) — бесплатная SVG-иконка из набора Fluent UI MDL2 от Microsoft Corporation. Она нарисована на сетке 2048 × 2048. Fluent UI MDL2 icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent UI MDL2
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 2048 × 2048
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1072 732H848l-159 743q-17 78-58 158t-100 146t-136 107t-164 42q-26 0-53-5t-49-17t-36-32t-15-52q0-40 24-68t67-29q25 0 45 11t36 28t29 38t25 40l7 12q32-2 58-22t46-50t37-67t28-75t20-72t14-59l167-777H505l20-81h173l12-62q16-80 54-161t97-146t133-105t166-41q26 0 53 5t49 17t37 32t14 52q0 42-22 70t-68 29q-32 0-53-12t-36-32t-27-42t-26-45q-37 2-66 28t-51 66t-39 90t-27 97t-20 91t-13 69h226zm664 64q-25 20-53 53t-54 69t-50 74t-40 65q10 41 19 81t20 81q10 37 22 77t34 73t52 55t78 22q12 0 28-1t32-4t32-6t27-9l-16 59q-30 13-56 24t-53 19t-54 12t-62 5q-44 0-72-12t-47-35t-31-55t-24-70q-14-44-25-87t-22-88q-38 60-76 115t-83 110q-20 24-40 46t-43 39t-51 27t-60 10q-42 0-69-24t-28-68q0-26 10-45t27-33t39-19t46-7q30 0 57 11t57 19q57-57 106-121t88-134l-2-10q-4-19-12-51t-17-69t-22-77t-24-72t-26-57t-27-33q-34-20-77-20q-27 0-56 5t-54 17l16-60q14-6 42-17t58-22t58-19t42-8q44 0 73 14t50 39t33 58t24 71q11 39 20 79t18 81l2 8v3q0 1 1 3q19-30 41-68t48-78t55-78t63-69t70-48t78-19q39 0 66 26t28 66q0 25-10 44t-26 32t-38 19t-45 7q-26 0-58-8t-57-17"/></svg>
Как использовать иконку Variable
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:variable" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:variable" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:variable" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--variable]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:variable"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:variable"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/variable.svg" alt="Иконка Variable" width="24" height="24">
Похожие иконки в наборе Fluent UI MDL2
Иконка Variable в других наборах
Вопросы и ответы: Иконка Variable
Можно ли бесплатно использовать иконку Variable в коммерческих проектах?
Да. Fluent UI MDL2 icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Variable в React?
Установите @iconify/react и выведите <Icon icon="fluent-mdl2:variable" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Variable на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/variable.svg" alt="Иконка Variable">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent UI MDL2 →
ICONYZ
