ghostty logo
ghostty from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- ghostty
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the ghostty logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C6.7 0 2.4 4.3 2.4 9.6v11.146c0 1.772 1.45 3.267 3.222 3.254a3.18 3.18 0 0 0 1.955-.686a1.96 1.96 0 0 1 2.444 0a3.18 3.18 0 0 0 1.976.686c.75 0 1.436-.257 1.98-.686c.715-.563 1.71-.587 2.419-.018c.59.476 1.355.743 2.182.699c1.705-.094 3.022-1.537 3.022-3.244V9.601C21.6 4.3 17.302 0 12 0M6.069 6.562a1 1 0 0 1 .46.131l3.578 2.065v.002a.974.974 0 0 1 0 1.687L6.53 12.512a.975.975 0 0 1-.976-1.687L7.67 9.602L5.553 8.38a.975.975 0 0 1 .515-1.818m7.438 2.063h4.7a.975.975 0 1 1 0 1.95h-4.7a.975.975 0 0 1 0-1.95"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsGhostty(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C6.7 0 2.4 4.3 2.4 9.6v11.146c0 1.772 1.45 3.267 3.222 3.254a3.18 3.18 0 0 0 1.955-.686a1.96 1.96 0 0 1 2.444 0a3.18 3.18 0 0 0 1.976.686c.75 0 1.436-.257 1.98-.686c.715-.563 1.71-.587 2.419-.018c.59.476 1.355.743 2.182.699c1.705-.094 3.022-1.537 3.022-3.244V9.601C21.6 4.3 17.302 0 12 0M6.069 6.562a1 1 0 0 1 .46.131l3.578 2.065v.002a.974.974 0 0 1 0 1.687L6.53 12.512a.975.975 0 0 1-.976-1.687L7.67 9.602L5.553 8.38a.975.975 0 0 1 .515-1.818m7.438 2.063h4.7a.975.975 0 1 1 0 1.95h-4.7a.975.975 0 0 1 0-1.95"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C6.7 0 2.4 4.3 2.4 9.6v11.146c0 1.772 1.45 3.267 3.222 3.254a3.18 3.18 0 0 0 1.955-.686a1.96 1.96 0 0 1 2.444 0a3.18 3.18 0 0 0 1.976.686c.75 0 1.436-.257 1.98-.686c.715-.563 1.71-.587 2.419-.018c.59.476 1.355.743 2.182.699c1.705-.094 3.022-1.537 3.022-3.244V9.601C21.6 4.3 17.302 0 12 0M6.069 6.562a1 1 0 0 1 .46.131l3.578 2.065v.002a.974.974 0 0 1 0 1.687L6.53 12.512a.975.975 0 0 1-.976-1.687L7.67 9.602L5.553 8.38a.975.975 0 0 1 .515-1.818m7.438 2.063h4.7a.975.975 0 1 1 0 1.95h-4.7a.975.975 0 0 1 0-1.95"/></svg> </template>
CSS
.icon-ghostty {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C6.7%200%202.4%204.3%202.4%209.6v11.146c0%201.772%201.45%203.267%203.222%203.254a3.18%203.18%200%200%200%201.955-.686a1.96%201.96%200%200%201%202.444%200a3.18%203.18%200%200%200%201.976.686c.75%200%201.436-.257%201.98-.686c.715-.563%201.71-.587%202.419-.018c.59.476%201.355.743%202.182.699c1.705-.094%203.022-1.537%203.022-3.244V9.601C21.6%204.3%2017.302%200%2012%200M6.069%206.562a1%201%200%200%201%20.46.131l3.578%202.065v.002a.974.974%200%200%201%200%201.687L6.53%2012.512a.975.975%200%200%201-.976-1.687L7.67%209.602L5.553%208.38a.975.975%200%200%201%20.515-1.818m7.438%202.063h4.7a.975.975%200%201%201%200%201.95h-4.7a.975.975%200%200%201%200-1.95%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%200C6.7%200%202.4%204.3%202.4%209.6v11.146c0%201.772%201.45%203.267%203.222%203.254a3.18%203.18%200%200%200%201.955-.686a1.96%201.96%200%200%201%202.444%200a3.18%203.18%200%200%200%201.976.686c.75%200%201.436-.257%201.98-.686c.715-.563%201.71-.587%202.419-.018c.59.476%201.355.743%202.182.699c1.705-.094%203.022-1.537%203.022-3.244V9.601C21.6%204.3%2017.302%200%2012%200M6.069%206.562a1%201%200%200%201%20.46.131l3.578%202.065v.002a.974.974%200%200%201%200%201.687L6.53%2012.512a.975.975%200%200%201-.976-1.687L7.67%209.602L5.553%208.38a.975.975%200%200%201%20.515-1.818m7.438%202.063h4.7a.975.975%200%201%201%200%201.95h-4.7a.975.975%200%200%201%200-1.95%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/ghostty.svg?color=%231a73e8&size=48
