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

Иконка Dice Four

ph:dice-four

Иконка Dice Four (ph:dice-four) — бесплатная 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, 4, dicefour
Скачать 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 16Zm-96-92a12 12 0 1 1-12-12a12 12 0 0 1 12 12m56 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12m-56 56a12 12 0 1 1-12-12a12 12 0 0 1 12 12m56 0a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

<img src="https://iconyz.com/api/public/svg/ph/dice-four.svg" alt="Иконка Dice Four" 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-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

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

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

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

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

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

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

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

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

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

Все Иконки Phosphor →