command icon
command from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- command
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
commandAkar IconscommandBootstrap IconscommandBoxIcons v2commandFeather Iconscommand-outlineFlowbite IconscommandHuge IconscommandIconParkcommandIconPark OutlinecommandIconPark SolidcommandIconPark TwoTonecommandLucidecommandMaterial Icon Themecommand-fillMingCute IconcommandMyna UI IconscommandPhosphorcommandPixelarticonscommand-fillRemix Iconcommand-boldSolarcommandTabler IconscommandTDesign Icons
Use the command icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M18.93 22.539v10.945h-4.711c-4.594 0-8.367 3.633-8.367 8.274s3.773 8.39 8.367 8.39c4.617 0 8.367-3.75 8.367-8.39V37.07h10.805v4.688c0 4.64 3.773 8.39 8.39 8.39c4.594 0 8.367-3.75 8.367-8.39s-3.773-8.274-8.367-8.274h-4.734V22.54h4.734c4.594 0 8.367-3.633 8.367-8.273c0-4.641-3.773-8.414-8.367-8.414c-4.617 0-8.39 3.773-8.39 8.414v4.687H22.586v-4.687c0-4.641-3.75-8.414-8.367-8.414c-4.594 0-8.367 3.773-8.367 8.414c0 4.64 3.773 8.273 8.367 8.273ZM14.219 19c-2.555 0-4.711-2.133-4.711-4.734s2.156-4.758 4.71-4.758c2.579 0 4.712 2.156 4.712 4.758V19Zm27.562 0h-4.734v-4.734c0-2.602 2.156-4.758 4.734-4.758c2.555 0 4.711 2.156 4.711 4.758S44.336 19 41.782 19M22.586 33.531V22.492h10.805v11.04ZM14.219 37h4.71v4.734c0 2.602-2.132 4.735-4.71 4.735c-2.555 0-4.711-2.133-4.711-4.735c0-2.601 2.156-4.734 4.71-4.734m27.562 0c2.555 0 4.711 2.133 4.711 4.734s-2.156 4.735-4.71 4.735c-2.579 0-4.735-2.133-4.735-4.735V37Z"/></svg>
React
import type { SVGProps } from "react";
export function F7Command(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M18.93 22.539v10.945h-4.711c-4.594 0-8.367 3.633-8.367 8.274s3.773 8.39 8.367 8.39c4.617 0 8.367-3.75 8.367-8.39V37.07h10.805v4.688c0 4.64 3.773 8.39 8.39 8.39c4.594 0 8.367-3.75 8.367-8.39s-3.773-8.274-8.367-8.274h-4.734V22.54h4.734c4.594 0 8.367-3.633 8.367-8.273c0-4.641-3.773-8.414-8.367-8.414c-4.617 0-8.39 3.773-8.39 8.414v4.687H22.586v-4.687c0-4.641-3.75-8.414-8.367-8.414c-4.594 0-8.367 3.773-8.367 8.414c0 4.64 3.773 8.273 8.367 8.273ZM14.219 19c-2.555 0-4.711-2.133-4.711-4.734s2.156-4.758 4.71-4.758c2.579 0 4.712 2.156 4.712 4.758V19Zm27.562 0h-4.734v-4.734c0-2.602 2.156-4.758 4.734-4.758c2.555 0 4.711 2.156 4.711 4.758S44.336 19 41.782 19M22.586 33.531V22.492h10.805v11.04ZM14.219 37h4.71v4.734c0 2.602-2.132 4.735-4.71 4.735c-2.555 0-4.711-2.133-4.711-4.735c0-2.601 2.156-4.734 4.71-4.734m27.562 0c2.555 0 4.711 2.133 4.711 4.734s-2.156 4.735-4.71 4.735c-2.579 0-4.735-2.133-4.735-4.735V37Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M18.93 22.539v10.945h-4.711c-4.594 0-8.367 3.633-8.367 8.274s3.773 8.39 8.367 8.39c4.617 0 8.367-3.75 8.367-8.39V37.07h10.805v4.688c0 4.64 3.773 8.39 8.39 8.39c4.594 0 8.367-3.75 8.367-8.39s-3.773-8.274-8.367-8.274h-4.734V22.54h4.734c4.594 0 8.367-3.633 8.367-8.273c0-4.641-3.773-8.414-8.367-8.414c-4.617 0-8.39 3.773-8.39 8.414v4.687H22.586v-4.687c0-4.641-3.75-8.414-8.367-8.414c-4.594 0-8.367 3.773-8.367 8.414c0 4.64 3.773 8.273 8.367 8.273ZM14.219 19c-2.555 0-4.711-2.133-4.711-4.734s2.156-4.758 4.71-4.758c2.579 0 4.712 2.156 4.712 4.758V19Zm27.562 0h-4.734v-4.734c0-2.602 2.156-4.758 4.734-4.758c2.555 0 4.711 2.156 4.711 4.758S44.336 19 41.782 19M22.586 33.531V22.492h10.805v11.04ZM14.219 37h4.71v4.734c0 2.602-2.132 4.735-4.71 4.735c-2.555 0-4.711-2.133-4.711-4.735c0-2.601 2.156-4.734 4.71-4.734m27.562 0c2.555 0 4.711 2.133 4.711 4.734s-2.156 4.735-4.71 4.735c-2.579 0-4.735-2.133-4.735-4.735V37Z"/></svg> </template>
CSS
.icon-command {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.93%2022.539v10.945h-4.711c-4.594%200-8.367%203.633-8.367%208.274s3.773%208.39%208.367%208.39c4.617%200%208.367-3.75%208.367-8.39V37.07h10.805v4.688c0%204.64%203.773%208.39%208.39%208.39c4.594%200%208.367-3.75%208.367-8.39s-3.773-8.274-8.367-8.274h-4.734V22.54h4.734c4.594%200%208.367-3.633%208.367-8.273c0-4.641-3.773-8.414-8.367-8.414c-4.617%200-8.39%203.773-8.39%208.414v4.687H22.586v-4.687c0-4.641-3.75-8.414-8.367-8.414c-4.594%200-8.367%203.773-8.367%208.414c0%204.64%203.773%208.273%208.367%208.273ZM14.219%2019c-2.555%200-4.711-2.133-4.711-4.734s2.156-4.758%204.71-4.758c2.579%200%204.712%202.156%204.712%204.758V19Zm27.562%200h-4.734v-4.734c0-2.602%202.156-4.758%204.734-4.758c2.555%200%204.711%202.156%204.711%204.758S44.336%2019%2041.782%2019M22.586%2033.531V22.492h10.805v11.04ZM14.219%2037h4.71v4.734c0%202.602-2.132%204.735-4.71%204.735c-2.555%200-4.711-2.133-4.711-4.735c0-2.601%202.156-4.734%204.71-4.734m27.562%200c2.555%200%204.711%202.133%204.711%204.734s-2.156%204.735-4.71%204.735c-2.579%200-4.735-2.133-4.735-4.735V37Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.93%2022.539v10.945h-4.711c-4.594%200-8.367%203.633-8.367%208.274s3.773%208.39%208.367%208.39c4.617%200%208.367-3.75%208.367-8.39V37.07h10.805v4.688c0%204.64%203.773%208.39%208.39%208.39c4.594%200%208.367-3.75%208.367-8.39s-3.773-8.274-8.367-8.274h-4.734V22.54h4.734c4.594%200%208.367-3.633%208.367-8.273c0-4.641-3.773-8.414-8.367-8.414c-4.617%200-8.39%203.773-8.39%208.414v4.687H22.586v-4.687c0-4.641-3.75-8.414-8.367-8.414c-4.594%200-8.367%203.773-8.367%208.414c0%204.64%203.773%208.273%208.367%208.273ZM14.219%2019c-2.555%200-4.711-2.133-4.711-4.734s2.156-4.758%204.71-4.758c2.579%200%204.712%202.156%204.712%204.758V19Zm27.562%200h-4.734v-4.734c0-2.602%202.156-4.758%204.734-4.758c2.555%200%204.711%202.156%204.711%204.758S44.336%2019%2041.782%2019M22.586%2033.531V22.492h10.805v11.04ZM14.219%2037h4.71v4.734c0%202.602-2.132%204.735-4.71%204.735c-2.555%200-4.711-2.133-4.711-4.735c0-2.601%202.156-4.734%204.71-4.734m27.562%200c2.555%200%204.711%202.133%204.711%204.734s-2.156%204.735-4.71%204.735c-2.579%200-4.735-2.133-4.735-4.735V37Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/command.svg?color=%231a73e8&size=48
