Hexagon Dice Icon SVG
Icon Hexagon dice SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.
Hexagon dice Icon Svg Code | Path | Download
Download free Hexagon Dice SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Hexagon Dice Icon SVG code in HTML/Css from below.
Hexagon Dice
Hexagon dice SVG Icon Code | Customize color
You can get svg icon hexagon dice in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.7 1.1732C11.8856 1.06603 12.1144 1.06603 12.3 1.17321L21.2263 6.3268C21.4119 6.43397 21.5263 6.63205 21.5263 6.84641V17.1536C21.5263 17.3679 21.4119 17.566 21.2263 17.6732L12.3 22.8268C12.1144 22.934 11.8856 22.934 11.7 22.8268L2.77372 17.6732C2.58808 17.566 2.47372 17.3679 2.47372 17.1536V6.84641C2.47372 6.63205 2.58808 6.43397 2.77372 6.32679L11.7 1.1732Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 15L7 15L12 7L17 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 6.5L12 7" stroke="currentColor" stroke-linejoin="round"/> <path d="M2.5 6.5L7 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 6.5L17 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 6.5L12 6.99995L12 1" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 17.5L17 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M2.5 17.5L7 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M7 15L12 23L17 15" stroke="currentColor" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: white' width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.7 1.1732C11.8856 1.06603 12.1144 1.06603 12.3 1.17321L21.2263 6.3268C21.4119 6.43397 21.5263 6.63205 21.5263 6.84641V17.1536C21.5263 17.3679 21.4119 17.566 21.2263 17.6732L12.3 22.8268C12.1144 22.934 11.8856 22.934 11.7 22.8268L2.77372 17.6732C2.58808 17.566 2.47372 17.3679 2.47372 17.1536V6.84641C2.47372 6.63205 2.58808 6.43397 2.77372 6.32679L11.7 1.1732Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 15L7 15L12 7L17 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 6.5L12 7" stroke="currentColor" stroke-linejoin="round"/> <path d="M2.5 6.5L7 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 6.5L17 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 6.5L12 6.99995L12 1" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 17.5L17 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M2.5 17.5L7 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M7 15L12 23L17 15" stroke="currentColor" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: red' width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.7 1.1732C11.8856 1.06603 12.1144 1.06603 12.3 1.17321L21.2263 6.3268C21.4119 6.43397 21.5263 6.63205 21.5263 6.84641V17.1536C21.5263 17.3679 21.4119 17.566 21.2263 17.6732L12.3 22.8268C12.1144 22.934 11.8856 22.934 11.7 22.8268L2.77372 17.6732C2.58808 17.566 2.47372 17.3679 2.47372 17.1536V6.84641C2.47372 6.63205 2.58808 6.43397 2.77372 6.32679L11.7 1.1732Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 15L7 15L12 7L17 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 6.5L12 7" stroke="currentColor" stroke-linejoin="round"/> <path d="M2.5 6.5L7 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 6.5L17 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 6.5L12 6.99995L12 1" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 17.5L17 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M2.5 17.5L7 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M7 15L12 23L17 15" stroke="currentColor" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: blue' width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.7 1.1732C11.8856 1.06603 12.1144 1.06603 12.3 1.17321L21.2263 6.3268C21.4119 6.43397 21.5263 6.63205 21.5263 6.84641V17.1536C21.5263 17.3679 21.4119 17.566 21.2263 17.6732L12.3 22.8268C12.1144 22.934 11.8856 22.934 11.7 22.8268L2.77372 17.6732C2.58808 17.566 2.47372 17.3679 2.47372 17.1536V6.84641C2.47372 6.63205 2.58808 6.43397 2.77372 6.32679L11.7 1.1732Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 15L7 15L12 7L17 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 6.5L12 7" stroke="currentColor" stroke-linejoin="round"/> <path d="M2.5 6.5L7 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 6.5L17 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 6.5L12 6.99995L12 1" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 17.5L17 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M2.5 17.5L7 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M7 15L12 23L17 15" stroke="currentColor" stroke-linejoin="round"/> </svg> Svg Code
<svg style='color: #f3da35' width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.7 1.1732C11.8856 1.06603 12.1144 1.06603 12.3 1.17321L21.2263 6.3268C21.4119 6.43397 21.5263 6.63205 21.5263 6.84641V17.1536C21.5263 17.3679 21.4119 17.566 21.2263 17.6732L12.3 22.8268C12.1144 22.934 11.8856 22.934 11.7 22.8268L2.77372 17.6732C2.58808 17.566 2.47372 17.3679 2.47372 17.1536V6.84641C2.47372 6.63205 2.58808 6.43397 2.77372 6.32679L11.7 1.1732Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 15L7 15L12 7L17 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.5 6.5L12 7" stroke="currentColor" stroke-linejoin="round"/> <path d="M2.5 6.5L7 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 6.5L17 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 6.5L12 6.99995L12 1" stroke="currentColor" stroke-linejoin="round"/> <path d="M21.5 17.5L17 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M2.5 17.5L7 15" stroke="currentColor" stroke-linejoin="round"/> <path d="M7 15L12 23L17 15" stroke="currentColor" stroke-linejoin="round"/> </svg> Advance Editor
You can edit hexagon dice as below. Change size color and background color of icon using below tool.
Advertisements
Hexagon Dice Icon SVG - Faq(s)?
⭐Can I get Free Hexagon Dice Icon SVG?Yes, you can get free Hexagon Dice SVG icons.
⭐ How to download free Hexagon Dice Icon SVG code?To download free Hexagon Dice icons in SVG code click on the copy code button.
⭐How to find the Hexagon Dice Icon SVG path file?You can get the Hexagon Dice SVG file path from the above section.
⭐ What are the colors available for SVG Hexagon Dice Icon?You can check the Hexagon Dice SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.
Advertisements