Command Thin icon
ph:command-thin
The Command Thin icon (ph:command-thin) 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
- apple, keyboard, shortcut, modifier, looped square, bowen knot, saint john's arms, commandthin
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M180 148h-24v-40h24a32 32 0 1 0-32-32v24h-40V76a32 32 0 1 0-32 32h24v40H76a32 32 0 1 0 32 32v-24h40v24a32 32 0 1 0 32-32m-24-72a24 24 0 1 1 24 24h-24ZM52 76a24 24 0 0 1 48 0v24H76a24 24 0 0 1-24-24m48 104a24 24 0 1 1-24-24h24Zm8-72h40v40h-40Zm72 96a24 24 0 0 1-24-24v-24h24a24 24 0 0 1 0 48"/></svg>How to use the Command Thin icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:command-thin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:command-thin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:command-thin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--command-thin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:command-thin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:command-thin"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ph/command-thin.svg" alt="Command Thin icon" width="24" height="24">Related icons in Phosphor
Command Thin icon FAQ
Is the Command Thin 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 Command Thin icon in React?
Install @iconify/react and render <Icon icon="ph:command-thin" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Command Thin icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/command-thin.svg" alt="Command Thin icon">, or paste the SVG code inline to style it with CSS.