Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Terminal icon
A free terminal icon from Bootstrap Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
- License
- MIT license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/bootstrap/terminal.jsonimport * as React from "react";
/**
* Terminal from Bootstrap Icons (https://github.com/twbs/icons), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/bootstrap/terminal. Sized in em, colored by currentColor.
*/
export function BsTerminalIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M6 9a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 9M3.854 4.146a.5.5 0 1 0-.708.708L4.793 6.5 3.146 8.146a.5.5 0 1 0 .708.708l2-2a.5.5 0 0 0 0-.708z"
/>
<path
d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z"
/>
</svg>
);
}import { BsTerminal } from "react-icons/bs";
export function Example() {
return <BsTerminal className="size-5" />;
}<svg
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6 9a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 9M3.854 4.146a.5.5 0 1 0-.708.708L4.793 6.5 3.146 8.146a.5.5 0 1 0 .708.708l2-2a.5.5 0 0 0 0-.708z"
/>
<path
d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z"
/>
</svg>"Terminal" icon from Bootstrap Icons (https://github.com/twbs/icons), licensed under MIT license.Related icons: console, command, cli, shell
Terminal icon in other sets
- Terminal · Font Awesome 5
- Terminal · Font Awesome 6
- Terminal · Ionicons 5
- Terminal · Material Design icons
- Terminal · Github Octicons icons
- Terminal · Feather
- Terminal · Lucide
- Terminal · Devicons
- Terminal · Grommet-Icons
- Terminal · Heroicons
- Terminal · IcoMoon Free
- Terminal · BoxIcons
- Terminal · css.gg
- Terminal · VS Code Icons
- Terminal · Tabler Icons
- Terminal · Phosphor Icons
Similar Bootstrap Icons icons
- telephone forward fill
- telephone inbound
- telephone inbound fill
- telephone minus
- telephone minus fill
- telephone outbound
- telephone outbound fill
- telephone plus
- telephone plus fill
- telephone x
- telephone x fill
- tencent qq
- terminal dash
- terminal fill
- terminal plus
- terminal split
- terminal x
- text center
- text indent left
- text indent right
- text left
- text paragraph
- text right
- text wrap