Cube icon
logos:cube
The Cube icon (logos:cube) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 152 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 152
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="152" viewBox="0 0 512 152"><path fill="#ff6492" d="M130.927 38.545L65.48.572v26.276l65.447 37.806V38.54z"/><path fill="#141446" d="m130.927 64.654l-19.634 11.455l-45.829-26.541l-26.185 15.108L19.64 54.063l45.834-27.215z"/><path fill="#a14474" d="M39.279 64.676L19.64 54.063v22.046z"/><path fill="#141446" d="m0 113.672l65.464-37.563l65.463 37.563l-65.463 37.974z"/><path fill="#ff6492" d="M130.927 87.601L65.464 49.158v26.951l65.463 37.563z"/><path fill="#7a77ff" d="M19.64 76.109V54.063l45.834-27.215V.572L0 38.545v75.127l65.464-37.563V49.158z"/><path d="M171.539 79.497c0-22.715 18.015-40.385 40.714-40.385c14.568 0 25.84 7.1 32.416 17.978l-11.584 9.15c-5.017-7.1-11.433-11.832-20.664-11.832c-14.099 0-24.118 11.045-24.118 25.078c0 14.352 10.02 25.23 24.118 25.23c9.08 0 15.5-4.565 20.664-11.665l11.59 8.994c-6.734 10.877-18.021 17.978-32.422 17.978c-22.699.01-40.714-17.66-40.714-40.526m87.385 6.308V40.86h16.284v46.207c0 10.877 7.667 17.66 17.384 17.66c9.4 0 16.915-6.783 16.915-17.66V40.855h16.446V85.81c0 20.978-14.568 34.224-33.35 34.224c-19.116 0-33.679-13.246-33.679-34.224zm166.797-6.157c0 23.028-15.82 40.386-37.59 40.386c-11.277 0-21.146-4.57-26.935-12.459v10.727H345.85V0h16.446v50.318c5.8-7.095 15.031-11.195 25.682-11.195c21.922-.011 37.736 17.497 37.736 40.525zm-16.92-.15c0-14.99-10.333-25.236-23.498-25.236c-11.584 0-23.179 7.889-23.179 25.397c0 17.665 11.746 25.235 23.179 25.235c13.316 0 23.497-10.414 23.497-25.397m101.953 5.519h-57.322c2.201 12.776 11.902 20.346 25.057 20.346c8.93 0 15.97-3.474 22.39-9.145l7.84 11.357c-8.147 7.727-18.484 12.459-30.7 12.459c-23.8 0-41.345-17.509-41.345-40.386c0-22.71 17.378-40.536 39.78-40.536c20.514 0 35.546 15.14 35.546 35.486c0 4.263-.782 8.374-1.246 10.419M453.75 72.078h41.815c-.318-12.15-9.237-18.932-19.731-18.932c-10.813.01-19.586 7.418-22.084 18.938z"/></svg>
How to use the Cube icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:cube" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:cube" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:cube" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cube]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cube"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:cube"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/cube.svg" alt="Cube icon" width="24" height="24">
Related icons in SVG Logos
Cube icon in other icon sets
Cube icon FAQ
Is the Cube icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Cube icon in React?
Install @iconify/react and render <Icon icon="logos:cube" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cube icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/cube.svg" alt="Cube icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
