terminal logo
terminal from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- terminal
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×210
- License
- CC0
The same logo in other sets
terminalBootstrap IconsterminalBoxIcons v2terminalBoxIcons v2 SolidterminalCarbonterminalCodiconsterminalFont Awesome 6 SolidterminalFont Awesome SolidterminalFeather Iconsterminal-outlineFlowbite Iconsterminalcss.ggterminalHuge IconsterminalIconParkterminalIconPark OutlineterminalIconPark SolidterminalIconPark TwoToneterminalIconoirterminalIonIconsterminalJam IconsterminalLine AwesometerminalLucideterminalMajesticonsterminalMaterial SymbolsterminalMaterial Symbols Lightterminal-fillMingCute Icon
Use the terminal logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 210"><rect width="256" height="209.342" rx="5"/><path fill="#fff" d="M28.241 21.774q-1.283-1.284-3.098-1.284t-3.11 1.296c-.852.852-1.284 1.888-1.284 3.098s.432 2.247 1.284 3.098l13.442 13.442l-13.43 13.43c-.864.864-1.296 1.9-1.308 3.11c.012 1.21.444 2.247 1.296 3.098c.864.852 1.9 1.284 3.098 1.296c1.222 0 2.259-.432 3.123-1.296l14.935-14.947c3.135-3.123 3.135-6.258 0-9.394zm58.545 33.104c-.864-.864-1.913-1.296-3.135-1.296v-.006H54.817v.006c-1.222 0-2.26.432-3.123 1.296s-1.296 1.901-1.296 3.123s.432 2.271 1.296 3.135s1.9 1.296 3.123 1.296v-.006H83.65v.006c1.222 0 2.27-.432 3.135-1.296s1.296-1.913 1.296-3.135s-.432-2.259-1.296-3.123"/></svg>
React
import type { SVGProps } from "react";
export function LogosTerminal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 210"><rect width="256" height="209.342" rx="5"/><path fill="#fff" d="M28.241 21.774q-1.283-1.284-3.098-1.284t-3.11 1.296c-.852.852-1.284 1.888-1.284 3.098s.432 2.247 1.284 3.098l13.442 13.442l-13.43 13.43c-.864.864-1.296 1.9-1.308 3.11c.012 1.21.444 2.247 1.296 3.098c.864.852 1.9 1.284 3.098 1.296c1.222 0 2.259-.432 3.123-1.296l14.935-14.947c3.135-3.123 3.135-6.258 0-9.394zm58.545 33.104c-.864-.864-1.913-1.296-3.135-1.296v-.006H54.817v.006c-1.222 0-2.26.432-3.123 1.296s-1.296 1.901-1.296 3.123s.432 2.271 1.296 3.135s1.9 1.296 3.123 1.296v-.006H83.65v.006c1.222 0 2.27-.432 3.135-1.296s1.296-1.913 1.296-3.135s-.432-2.259-1.296-3.123"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 210"><rect width="256" height="209.342" rx="5"/><path fill="#fff" d="M28.241 21.774q-1.283-1.284-3.098-1.284t-3.11 1.296c-.852.852-1.284 1.888-1.284 3.098s.432 2.247 1.284 3.098l13.442 13.442l-13.43 13.43c-.864.864-1.296 1.9-1.308 3.11c.012 1.21.444 2.247 1.296 3.098c.864.852 1.9 1.284 3.098 1.296c1.222 0 2.259-.432 3.123-1.296l14.935-14.947c3.135-3.123 3.135-6.258 0-9.394zm58.545 33.104c-.864-.864-1.913-1.296-3.135-1.296v-.006H54.817v.006c-1.222 0-2.26.432-3.123 1.296s-1.296 1.901-1.296 3.123s.432 2.271 1.296 3.135s1.9 1.296 3.123 1.296v-.006H83.65v.006c1.222 0 2.27-.432 3.135-1.296s1.296-1.913 1.296-3.135s-.432-2.259-1.296-3.123"/></svg> </template>
CSS
.icon-terminal {
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%20256%20210%22%3E%3Crect%20width%3D%22256%22%20height%3D%22209.342%22%20rx%3D%225%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28.241%2021.774q-1.283-1.284-3.098-1.284t-3.11%201.296c-.852.852-1.284%201.888-1.284%203.098s.432%202.247%201.284%203.098l13.442%2013.442l-13.43%2013.43c-.864.864-1.296%201.9-1.308%203.11c.012%201.21.444%202.247%201.296%203.098c.864.852%201.9%201.284%203.098%201.296c1.222%200%202.259-.432%203.123-1.296l14.935-14.947c3.135-3.123%203.135-6.258%200-9.394zm58.545%2033.104c-.864-.864-1.913-1.296-3.135-1.296v-.006H54.817v.006c-1.222%200-2.26.432-3.123%201.296s-1.296%201.901-1.296%203.123s.432%202.271%201.296%203.135s1.9%201.296%203.123%201.296v-.006H83.65v.006c1.222%200%202.27-.432%203.135-1.296s1.296-1.913%201.296-3.135s-.432-2.259-1.296-3.123%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%20256%20210%22%3E%3Crect%20width%3D%22256%22%20height%3D%22209.342%22%20rx%3D%225%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28.241%2021.774q-1.283-1.284-3.098-1.284t-3.11%201.296c-.852.852-1.284%201.888-1.284%203.098s.432%202.247%201.284%203.098l13.442%2013.442l-13.43%2013.43c-.864.864-1.296%201.9-1.308%203.11c.012%201.21.444%202.247%201.296%203.098c.864.852%201.9%201.284%203.098%201.296c1.222%200%202.259-.432%203.123-1.296l14.935-14.947c3.135-3.123%203.135-6.258%200-9.394zm58.545%2033.104c-.864-.864-1.913-1.296-3.135-1.296v-.006H54.817v.006c-1.222%200-2.26.432-3.123%201.296s-1.296%201.901-1.296%203.123s.432%202.271%201.296%203.135s1.9%201.296%203.123%201.296v-.006H83.65v.006c1.222%200%202.27-.432%203.135-1.296s1.296-1.913%201.296-3.135s-.432-2.259-1.296-3.123%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/terminal.svg?color=%231a73e8&size=48
