Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Remix Icon · RiDiceFill

Dice Fill icon

A free dice fill icon from Remix Icon, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: Apache License Version 2.0
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/dice-fill.json

components/icons/remix-dice-fill.tsx

import * as React from "react";

/**
 * Dice Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/dice-fill. Sized in em, colored by currentColor.
 */
export function RiDiceFillIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M10.9979 1.58018C11.6178 1.22132 12.3822 1.22132 13.0021 1.58018L20.5021 5.92229C21.1197 6.27987 21.5 6.93946 21.5 7.65314V16.3469C21.5 17.0606 21.1197 17.7202 20.5021 18.0778L13.0021 22.4199C12.3822 22.7788 11.6178 22.7788 10.9979 22.4199L3.49793 18.0778C2.88029 17.7202 2.5 17.0606 2.5 16.3469V7.65314C2.5 6.93946 2.88029 6.27987 3.49793 5.92229L10.9979 1.58018ZM5.25052 8.09243C4.91718 7.89945 4.5 8.13997 4.5 8.52514V15.1938C4.5 15.9075 4.88029 16.5671 5.49793 16.9247L11.2495 20.2545C11.5828 20.4475 12 20.207 12 19.8218V13.1531C12 12.4395 11.6197 11.7799 11.0021 11.4223L5.25052 8.09243ZM15.7681 5.51719C15.2898 5.24106 14.5143 5.24106 14.036 5.51719C13.5577 5.79332 13.5577 6.24101 14.036 6.51713C14.5143 6.79326 15.2898 6.79326 15.7681 6.51713C16.2464 6.24101 16.2464 5.79332 15.7681 5.51719ZM9.96825 5.51723C9.48995 5.2411 8.71447 5.2411 8.23617 5.51723C7.75787 5.79335 7.75787 6.24104 8.23617 6.51717C8.71447 6.7933 9.48995 6.7933 9.96825 6.51717C10.4466 6.24104 10.4466 5.79335 9.96825 5.51723ZM16.9925 15.8452C17.5903 15.5 18.0749 14.6605 18.075 13.9702C18.075 13.2798 17.5904 13 16.9926 13.3452C16.3948 13.6904 15.9101 14.5299 15.9101 15.2202C15.9101 15.9106 16.3947 16.1904 16.9925 15.8452ZM6.3662 12.2003C6.84448 12.4765 7.2322 12.2526 7.23218 11.7003C7.23216 11.148 6.84442 10.4765 6.36614 10.2003C5.88785 9.92414 5.50014 10.148 5.50016 10.7003C5.50018 11.2526 5.88792 11.9241 6.3662 12.2003ZM10.6951 17.6982C10.6951 18.2505 10.3074 18.4743 9.82909 18.1981C9.35081 17.922 8.96307 17.2504 8.96305 16.6981C8.96303 16.1458 9.35074 15.922 9.82903 16.1981C10.3073 16.4743 10.6951 17.1459 10.6951 17.6982ZM7.23218 15.6993C7.2322 16.2516 6.84448 16.4755 6.3662 16.1993C5.88792 15.9232 5.50018 15.2516 5.50016 14.6993C5.50014 14.147 5.88785 13.9232 6.36614 14.1993C6.84442 14.4755 7.23216 15.1471 7.23218 15.6993ZM10.6946 13.6998C10.6946 14.2521 10.3069 14.476 9.8286 14.1998C9.35032 13.9236 8.96258 13.2521 8.96256 12.6998C8.96254 12.1475 9.35026 11.9237 9.82854 12.1998C10.3068 12.476 10.6946 13.1476 10.6946 13.6998Z"
      />
    </svg>
  );
}

With react-icons

import { RiDiceFill } from "react-icons/ri";

export function Example() {
  return <RiDiceFill className="size-5" />;
}

dice-fill.svg

<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M10.9979 1.58018C11.6178 1.22132 12.3822 1.22132 13.0021 1.58018L20.5021 5.92229C21.1197 6.27987 21.5 6.93946 21.5 7.65314V16.3469C21.5 17.0606 21.1197 17.7202 20.5021 18.0778L13.0021 22.4199C12.3822 22.7788 11.6178 22.7788 10.9979 22.4199L3.49793 18.0778C2.88029 17.7202 2.5 17.0606 2.5 16.3469V7.65314C2.5 6.93946 2.88029 6.27987 3.49793 5.92229L10.9979 1.58018ZM5.25052 8.09243C4.91718 7.89945 4.5 8.13997 4.5 8.52514V15.1938C4.5 15.9075 4.88029 16.5671 5.49793 16.9247L11.2495 20.2545C11.5828 20.4475 12 20.207 12 19.8218V13.1531C12 12.4395 11.6197 11.7799 11.0021 11.4223L5.25052 8.09243ZM15.7681 5.51719C15.2898 5.24106 14.5143 5.24106 14.036 5.51719C13.5577 5.79332 13.5577 6.24101 14.036 6.51713C14.5143 6.79326 15.2898 6.79326 15.7681 6.51713C16.2464 6.24101 16.2464 5.79332 15.7681 5.51719ZM9.96825 5.51723C9.48995 5.2411 8.71447 5.2411 8.23617 5.51723C7.75787 5.79335 7.75787 6.24104 8.23617 6.51717C8.71447 6.7933 9.48995 6.7933 9.96825 6.51717C10.4466 6.24104 10.4466 5.79335 9.96825 5.51723ZM16.9925 15.8452C17.5903 15.5 18.0749 14.6605 18.075 13.9702C18.075 13.2798 17.5904 13 16.9926 13.3452C16.3948 13.6904 15.9101 14.5299 15.9101 15.2202C15.9101 15.9106 16.3947 16.1904 16.9925 15.8452ZM6.3662 12.2003C6.84448 12.4765 7.2322 12.2526 7.23218 11.7003C7.23216 11.148 6.84442 10.4765 6.36614 10.2003C5.88785 9.92414 5.50014 10.148 5.50016 10.7003C5.50018 11.2526 5.88792 11.9241 6.3662 12.2003ZM10.6951 17.6982C10.6951 18.2505 10.3074 18.4743 9.82909 18.1981C9.35081 17.922 8.96307 17.2504 8.96305 16.6981C8.96303 16.1458 9.35074 15.922 9.82903 16.1981C10.3073 16.4743 10.6951 17.1459 10.6951 17.6982ZM7.23218 15.6993C7.2322 16.2516 6.84448 16.4755 6.3662 16.1993C5.88792 15.9232 5.50018 15.2516 5.50016 14.6993C5.50014 14.147 5.88785 13.9232 6.36614 14.1993C6.84442 14.4755 7.23216 15.1471 7.23218 15.6993ZM10.6946 13.6998C10.6946 14.2521 10.3069 14.476 9.8286 14.1998C9.35032 13.9236 8.96258 13.2521 8.96256 12.6998C8.96254 12.1475 9.35026 11.9237 9.82854 12.1998C10.3068 12.476 10.6946 13.1476 10.6946 13.6998Z"
  />
</svg>

Attribution

"Dice Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons:

Similar Remix Icon icons