Иконка Dice 2 Two Tone
keyline-icons:dice-2-two-tone
Иконка Dice 2 Two Tone (keyline-icons:dice-2-two-tone) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Keyline Icons
- Автор
- Keyline Icons
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- dicetwo, twotone, dicetwotone
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z" stroke="none"/><path d="M6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6C3 4.34315 4.34315 3 6 3Z"/><path fill="currentColor" d="M7.25 5.75C8.0784 5.75 8.75 6.4216 8.75 7.25C8.75 8.0784 8.0784 8.75 7.25 8.75C6.4216 8.75 5.75 8.0784 5.75 7.25C5.75 6.4216 6.4216 5.75 7.25 5.75ZM16.75 15.25C17.5784 15.25 18.25 15.9216 18.25 16.75C18.25 17.5784 17.5784 18.25 16.75 18.25C15.9216 18.25 15.25 17.5784 15.25 16.75C15.25 15.9216 15.9216 15.25 16.75 15.25Z" stroke="none"/></g></svg>Как использовать иконку Dice 2 Two Tone
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:dice-2-two-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:dice-2-two-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:dice-2-two-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--dice-2-two-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:dice-2-two-tone"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:dice-2-two-tone"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/dice-2-two-tone.svg" alt="Иконка Dice 2 Two Tone" width="24" height="24">Похожие иконки в наборе Keyline Icons
Вопросы и ответы: Иконка Dice 2 Two Tone
Можно ли бесплатно использовать иконку Dice 2 Two Tone в коммерческих проектах?
Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Dice 2 Two Tone в React?
Установите @iconify/react и выведите <Icon icon="keyline-icons:dice-2-two-tone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Dice 2 Two Tone на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/dice-2-two-tone.svg" alt="Иконка Dice 2 Two Tone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.