Codesandbox Logo icon
ph:codesandbox-logo
The Codesandbox Logo icon (ph:codesandbox-logo) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor icons are released under the MIT 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
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- ide, logos, codesandboxlogo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m223.68 66.15l-88-48.15a15.94 15.94 0 0 0-15.36 0l-88 48.18a16 16 0 0 0-8.32 14v95.64a16 16 0 0 0 8.32 14l88 48.17a15.88 15.88 0 0 0 15.36 0l88-48.17a16 16 0 0 0 8.32-14V80.18a16 16 0 0 0-8.32-14.03M168 152v50.09l-32 17.52v-86.87l80-43.8v32l-43.84 24A8 8 0 0 0 168 152m-84.16-7L40 121V89l80 43.8v86.87l-32-17.58V152a8 8 0 0 0-4.16-7m-.7-88.41l41 22.45a8 8 0 0 0 7.68 0l41-22.45l34.48 18.87l-79.3 43.42l-79.34-43.44ZM128 32l28.2 15.44L128 62.89L99.8 47.45ZM40 139.22l32 17.52v36.59l-32-17.51Zm144 54.11v-36.59l32-17.52v36.6Z"/></svg>
How to use the Codesandbox Logo icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:codesandbox-logo" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:codesandbox-logo" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:codesandbox-logo" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--codesandbox-logo]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:codesandbox-logo"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:codesandbox-logo"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ph/codesandbox-logo.svg" alt="Codesandbox Logo icon" width="24" height="24">
Related icons in Phosphor
Codesandbox Logo icon in other icon sets
Codesandbox Logo icon FAQ
Is the Codesandbox Logo icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Codesandbox Logo icon in React?
Install @iconify/react and render <Icon icon="ph:codesandbox-logo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Codesandbox Logo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/codesandbox-logo.svg" alt="Codesandbox Logo icon">, or paste the SVG code inline to style it with CSS.
Browse all Phosphor icons →
ICONYZ
