ios cube icon
ios-cube from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-cube
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios cube icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M440.8 129.5L261.7 49.2c-3.6-1.6-7.7-1.6-11.3 0L71.2 129.5c-6 2.7-6.2 11.8-.4 14.8l178.7 94.1c4.1 2.2 8.9 2.2 13 0l178.7-94.1c5.8-3 5.6-12.1-.4-14.8z" fill="currentColor"/><path d="M280.2 462.9l180.1-95.3c2.2-1.4 3.6-4 3.6-6.8V175.9c0-5.9-5.8-9.7-10.7-7.1l-180.1 92.8c-2.6 1.3-4.2 4.1-4.2 7.1V456c.1 6.2 6.4 10 11.3 6.9z" fill="currentColor"/><path d="M48 175.9v184.8c0 2.8 1.4 5.4 3.6 6.8l180.1 95.3c5 3.2 11.2-.6 11.2-6.8V268.7c0-3-1.6-5.8-4.2-7.1l-180-92.8c-4.9-2.6-10.7 1.3-10.7 7.1z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosCube(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M440.8 129.5L261.7 49.2c-3.6-1.6-7.7-1.6-11.3 0L71.2 129.5c-6 2.7-6.2 11.8-.4 14.8l178.7 94.1c4.1 2.2 8.9 2.2 13 0l178.7-94.1c5.8-3 5.6-12.1-.4-14.8z" fill="currentColor"/><path d="M280.2 462.9l180.1-95.3c2.2-1.4 3.6-4 3.6-6.8V175.9c0-5.9-5.8-9.7-10.7-7.1l-180.1 92.8c-2.6 1.3-4.2 4.1-4.2 7.1V456c.1 6.2 6.4 10 11.3 6.9z" fill="currentColor"/><path d="M48 175.9v184.8c0 2.8 1.4 5.4 3.6 6.8l180.1 95.3c5 3.2 11.2-.6 11.2-6.8V268.7c0-3-1.6-5.8-4.2-7.1l-180-92.8c-4.9-2.6-10.7 1.3-10.7 7.1z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M440.8 129.5L261.7 49.2c-3.6-1.6-7.7-1.6-11.3 0L71.2 129.5c-6 2.7-6.2 11.8-.4 14.8l178.7 94.1c4.1 2.2 8.9 2.2 13 0l178.7-94.1c5.8-3 5.6-12.1-.4-14.8z" fill="currentColor"/><path d="M280.2 462.9l180.1-95.3c2.2-1.4 3.6-4 3.6-6.8V175.9c0-5.9-5.8-9.7-10.7-7.1l-180.1 92.8c-2.6 1.3-4.2 4.1-4.2 7.1V456c.1 6.2 6.4 10 11.3 6.9z" fill="currentColor"/><path d="M48 175.9v184.8c0 2.8 1.4 5.4 3.6 6.8l180.1 95.3c5 3.2 11.2-.6 11.2-6.8V268.7c0-3-1.6-5.8-4.2-7.1l-180-92.8c-4.9-2.6-10.7 1.3-10.7 7.1z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-cube {
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%20512%20512%22%3E%3Cpath%20d%3D%22M440.8%20129.5L261.7%2049.2c-3.6-1.6-7.7-1.6-11.3%200L71.2%20129.5c-6%202.7-6.2%2011.8-.4%2014.8l178.7%2094.1c4.1%202.2%208.9%202.2%2013%200l178.7-94.1c5.8-3%205.6-12.1-.4-14.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M280.2%20462.9l180.1-95.3c2.2-1.4%203.6-4%203.6-6.8V175.9c0-5.9-5.8-9.7-10.7-7.1l-180.1%2092.8c-2.6%201.3-4.2%204.1-4.2%207.1V456c.1%206.2%206.4%2010%2011.3%206.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M48%20175.9v184.8c0%202.8%201.4%205.4%203.6%206.8l180.1%2095.3c5%203.2%2011.2-.6%2011.2-6.8V268.7c0-3-1.6-5.8-4.2-7.1l-180-92.8c-4.9-2.6-10.7%201.3-10.7%207.1z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M440.8%20129.5L261.7%2049.2c-3.6-1.6-7.7-1.6-11.3%200L71.2%20129.5c-6%202.7-6.2%2011.8-.4%2014.8l178.7%2094.1c4.1%202.2%208.9%202.2%2013%200l178.7-94.1c5.8-3%205.6-12.1-.4-14.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M280.2%20462.9l180.1-95.3c2.2-1.4%203.6-4%203.6-6.8V175.9c0-5.9-5.8-9.7-10.7-7.1l-180.1%2092.8c-2.6%201.3-4.2%204.1-4.2%207.1V456c.1%206.2%206.4%2010%2011.3%206.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M48%20175.9v184.8c0%202.8%201.4%205.4%203.6%206.8l180.1%2095.3c5%203.2%2011.2-.6%2011.2-6.8V268.7c0-3-1.6-5.8-4.2-7.1l-180-92.8c-4.9-2.6-10.7%201.3-10.7%207.1z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-cube.svg?color=%231a73e8&size=48
