cube transparent icon
cube-transparent-16-solid from HeroIcons by Refactoring UI Inc · Solid 16x16 · MIT Free for personal and commercial use.
- Name
- cube-transparent-16-solid
- Set
- HeroIcons
- Style
- Solid 16x16
- Viewbox
- 16×16
- License
- MIT
3 other variants in HeroIcons
The same icon in other sets
Use the cube transparent icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.628 1.349a.75.75 0 0 1 .744 0l1.247.712a.75.75 0 1 1-.744 1.303L8 2.864l-.875.5a.75.75 0 0 1-.744-1.303zM4.65 3.914a.75.75 0 0 1-.279 1.023L4.262 5l.11.063a.75.75 0 0 1-.744 1.302l-.13-.073A.75.75 0 0 1 2 6.25V5a.75.75 0 0 1 .378-.651l1.25-.714a.75.75 0 0 1 1.023.279m6.698 0a.75.75 0 0 1 1.023-.28l1.25.715A.75.75 0 0 1 14 5v1.25a.75.75 0 0 1-1.499.042l-.129.073a.75.75 0 0 1-.744-1.302l.11-.063l-.11-.063a.75.75 0 0 1-.28-1.023M6.102 6.915a.75.75 0 0 1 1.023-.279l.875.5l.875-.5a.75.75 0 0 1 .744 1.303l-.869.496v.815a.75.75 0 0 1-1.5 0v-.815l-.869-.496a.75.75 0 0 1-.28-1.024M2.75 9a.75.75 0 0 1 .75.75v.815l.872.498a.75.75 0 0 1-.744 1.303l-1.25-.715A.75.75 0 0 1 2 11V9.75A.75.75 0 0 1 2.75 9m10.5 0a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-.378.651l-1.25.715a.75.75 0 0 1-.744-1.303l.872-.498V9.75a.75.75 0 0 1 .75-.75m-4.501 3.708l.126-.072a.75.75 0 0 1 .744 1.303l-1.247.712a.75.75 0 0 1-.744 0L6.38 13.94a.75.75 0 0 1 .744-1.303l.126.072a.75.75 0 0 1 1.498 0" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HeroiconsCubeTransparent16Solid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fillRule="evenodd" d="M7.628 1.349a.75.75 0 0 1 .744 0l1.247.712a.75.75 0 1 1-.744 1.303L8 2.864l-.875.5a.75.75 0 0 1-.744-1.303zM4.65 3.914a.75.75 0 0 1-.279 1.023L4.262 5l.11.063a.75.75 0 0 1-.744 1.302l-.13-.073A.75.75 0 0 1 2 6.25V5a.75.75 0 0 1 .378-.651l1.25-.714a.75.75 0 0 1 1.023.279m6.698 0a.75.75 0 0 1 1.023-.28l1.25.715A.75.75 0 0 1 14 5v1.25a.75.75 0 0 1-1.499.042l-.129.073a.75.75 0 0 1-.744-1.302l.11-.063l-.11-.063a.75.75 0 0 1-.28-1.023M6.102 6.915a.75.75 0 0 1 1.023-.279l.875.5l.875-.5a.75.75 0 0 1 .744 1.303l-.869.496v.815a.75.75 0 0 1-1.5 0v-.815l-.869-.496a.75.75 0 0 1-.28-1.024M2.75 9a.75.75 0 0 1 .75.75v.815l.872.498a.75.75 0 0 1-.744 1.303l-1.25-.715A.75.75 0 0 1 2 11V9.75A.75.75 0 0 1 2.75 9m10.5 0a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-.378.651l-1.25.715a.75.75 0 0 1-.744-1.303l.872-.498V9.75a.75.75 0 0 1 .75-.75m-4.501 3.708l.126-.072a.75.75 0 0 1 .744 1.303l-1.247.712a.75.75 0 0 1-.744 0L6.38 13.94a.75.75 0 0 1 .744-1.303l.126.072a.75.75 0 0 1 1.498 0" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.628 1.349a.75.75 0 0 1 .744 0l1.247.712a.75.75 0 1 1-.744 1.303L8 2.864l-.875.5a.75.75 0 0 1-.744-1.303zM4.65 3.914a.75.75 0 0 1-.279 1.023L4.262 5l.11.063a.75.75 0 0 1-.744 1.302l-.13-.073A.75.75 0 0 1 2 6.25V5a.75.75 0 0 1 .378-.651l1.25-.714a.75.75 0 0 1 1.023.279m6.698 0a.75.75 0 0 1 1.023-.28l1.25.715A.75.75 0 0 1 14 5v1.25a.75.75 0 0 1-1.499.042l-.129.073a.75.75 0 0 1-.744-1.302l.11-.063l-.11-.063a.75.75 0 0 1-.28-1.023M6.102 6.915a.75.75 0 0 1 1.023-.279l.875.5l.875-.5a.75.75 0 0 1 .744 1.303l-.869.496v.815a.75.75 0 0 1-1.5 0v-.815l-.869-.496a.75.75 0 0 1-.28-1.024M2.75 9a.75.75 0 0 1 .75.75v.815l.872.498a.75.75 0 0 1-.744 1.303l-1.25-.715A.75.75 0 0 1 2 11V9.75A.75.75 0 0 1 2.75 9m10.5 0a.75.75 0 0 1 .75.75V11a.75.75 0 0 1-.378.651l-1.25.715a.75.75 0 0 1-.744-1.303l.872-.498V9.75a.75.75 0 0 1 .75-.75m-4.501 3.708l.126-.072a.75.75 0 0 1 .744 1.303l-1.247.712a.75.75 0 0 1-.744 0L6.38 13.94a.75.75 0 0 1 .744-1.303l.126.072a.75.75 0 0 1 1.498 0" clip-rule="evenodd"/></svg> </template>
CSS
.icon-cube-transparent-16-solid {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.628%201.349a.75.75%200%200%201%20.744%200l1.247.712a.75.75%200%201%201-.744%201.303L8%202.864l-.875.5a.75.75%200%200%201-.744-1.303zM4.65%203.914a.75.75%200%200%201-.279%201.023L4.262%205l.11.063a.75.75%200%200%201-.744%201.302l-.13-.073A.75.75%200%200%201%202%206.25V5a.75.75%200%200%201%20.378-.651l1.25-.714a.75.75%200%200%201%201.023.279m6.698%200a.75.75%200%200%201%201.023-.28l1.25.715A.75.75%200%200%201%2014%205v1.25a.75.75%200%200%201-1.499.042l-.129.073a.75.75%200%200%201-.744-1.302l.11-.063l-.11-.063a.75.75%200%200%201-.28-1.023M6.102%206.915a.75.75%200%200%201%201.023-.279l.875.5l.875-.5a.75.75%200%200%201%20.744%201.303l-.869.496v.815a.75.75%200%200%201-1.5%200v-.815l-.869-.496a.75.75%200%200%201-.28-1.024M2.75%209a.75.75%200%200%201%20.75.75v.815l.872.498a.75.75%200%200%201-.744%201.303l-1.25-.715A.75.75%200%200%201%202%2011V9.75A.75.75%200%200%201%202.75%209m10.5%200a.75.75%200%200%201%20.75.75V11a.75.75%200%200%201-.378.651l-1.25.715a.75.75%200%200%201-.744-1.303l.872-.498V9.75a.75.75%200%200%201%20.75-.75m-4.501%203.708l.126-.072a.75.75%200%200%201%20.744%201.303l-1.247.712a.75.75%200%200%201-.744%200L6.38%2013.94a.75.75%200%200%201%20.744-1.303l.126.072a.75.75%200%200%201%201.498%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.628%201.349a.75.75%200%200%201%20.744%200l1.247.712a.75.75%200%201%201-.744%201.303L8%202.864l-.875.5a.75.75%200%200%201-.744-1.303zM4.65%203.914a.75.75%200%200%201-.279%201.023L4.262%205l.11.063a.75.75%200%200%201-.744%201.302l-.13-.073A.75.75%200%200%201%202%206.25V5a.75.75%200%200%201%20.378-.651l1.25-.714a.75.75%200%200%201%201.023.279m6.698%200a.75.75%200%200%201%201.023-.28l1.25.715A.75.75%200%200%201%2014%205v1.25a.75.75%200%200%201-1.499.042l-.129.073a.75.75%200%200%201-.744-1.302l.11-.063l-.11-.063a.75.75%200%200%201-.28-1.023M6.102%206.915a.75.75%200%200%201%201.023-.279l.875.5l.875-.5a.75.75%200%200%201%20.744%201.303l-.869.496v.815a.75.75%200%200%201-1.5%200v-.815l-.869-.496a.75.75%200%200%201-.28-1.024M2.75%209a.75.75%200%200%201%20.75.75v.815l.872.498a.75.75%200%200%201-.744%201.303l-1.25-.715A.75.75%200%200%201%202%2011V9.75A.75.75%200%200%201%202.75%209m10.5%200a.75.75%200%200%201%20.75.75V11a.75.75%200%200%201-.378.651l-1.25.715a.75.75%200%200%201-.744-1.303l.872-.498V9.75a.75.75%200%200%201%20.75-.75m-4.501%203.708l.126-.072a.75.75%200%200%201%20.744%201.303l-1.247.712a.75.75%200%200%201-.744%200L6.38%2013.94a.75.75%200%200%201%20.744-1.303l.126.072a.75.75%200%200%201%201.498%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/cube-transparent-16-solid.svg?color=%231a73e8&size=48
