ICONYZ
Русский
Иконка Dice Three из набора Phosphor

Иконка Dice Three

ph:dice-three

Иконка Dice Three (ph:dice-three) — бесплатная SVG-иконка из набора Phosphor от Phosphor Icons. Она нарисована на сетке 256 × 256. Phosphor icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Phosphor
Автор
Phosphor Icons
Лицензия
MIT
Размер
256 × 256
Теги
die, rolling, gamble, gambling, casino, gaming, 3, dicethree
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M192 32H64a32 32 0 0 0-32 32v128a32 32 0 0 0 32 32h128a32 32 0 0 0 32-32V64a32 32 0 0 0-32-32m16 160a16 16 0 0 1-16 16H64a16 16 0 0 1-16-16V64a16 16 0 0 1 16-16h128a16 16 0 0 1 16 16ZM104 92a12 12 0 1 1-12-12a12 12 0 0 1 12 12m36 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12m36 36a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg>

Как использовать иконку Dice Three

React

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

<Icon icon="ph:dice-three" width="24" />

Vue

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

<template>
  <Icon icon="ph:dice-three" width="24" />
</template>

Svelte

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

<Icon icon="ph:dice-three" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--dice-three]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:dice-three"></div>

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

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

<iconify-icon icon="ph:dice-three"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/ph/dice-three.svg" alt="Иконка Dice Three" width="24" height="24">

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

Иконка dice-five
dice-five
 Иконка dice-five-bold
dice-five-bold
 Иконка dice-five-duotone
dice-five-duotone
 Иконка dice-five-fill
dice-five-fill
 Иконка dice-five-light
dice-five-light
 Иконка dice-five-thin
dice-five-thin
 Иконка dice-four
dice-four
 Иконка dice-four-bold
dice-four-bold
 Иконка dice-four-duotone
dice-four-duotone
 Иконка dice-four-fill
dice-four-fill
 Иконка dice-four-light
dice-four-light
 Иконка dice-four-thin
dice-four-thin
 Иконка dice-one
dice-one
 Иконка dice-one-bold
dice-one-bold
 Иконка dice-one-duotone
dice-one-duotone
 Иконка dice-one-fill
dice-one-fill
 Иконка dice-one-light
dice-one-light
 Иконка dice-one-thin
dice-one-thin
 Иконка dice-six
dice-six
 Иконка dice-six-bold
dice-six-bold
 Иконка dice-six-duotone
dice-six-duotone
 Иконка dice-six-fill
dice-six-fill
 Иконка dice-six-light
dice-six-light
 Иконка dice-six-thin
dice-six-thin

Иконка Dice Three в других наборах

Иконка Dice Three из набора Font Awesome 6 Solid
Font Awesome 6 Solid
 Иконка Dice Three из набора Font Awesome 5 Solid
Font Awesome 5 Solid
 Иконка Dice Three из набора Font Awesome Solid
Font Awesome Solid
 Иконка Dice Three из набора Iconoir
Iconoir
 Иконка Dice Three из набора Line Awesome
Line Awesome
 Иконка Dice Three из набора Unicons
Unicons
 Иконка Dice Three из набора andrsrxn/icons
andrsrxn/icons

Вопросы и ответы: Иконка Dice Three

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

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

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

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

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

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

Все Иконки Phosphor →