cockpit logo
cockpit from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- cockpit
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the cockpit logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M256 128c0 70.692-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0s128 57.308 128 128"/><path fill="#fff" d="m86.812 61.672l24.472 24.472l-36.909 36.908c-9.628 9.629-.267 18.989 9.361 9.36l55.095-55.094c35.84-35.84 92.673 20.995 56.834 56.834L179.217 150.6l23.268 23.268l-27.815 27.815l-44.932-44.932l41.455-41.455c7.845-7.845-3.254-18.944-11.099-11.1l-58.037 58.038c-36.64 31.827-87.992-18.99-56.968-56.967z"/></svg>
React
import type { SVGProps } from "react";
export function LogosCockpit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M256 128c0 70.692-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0s128 57.308 128 128"/><path fill="#fff" d="m86.812 61.672l24.472 24.472l-36.909 36.908c-9.628 9.629-.267 18.989 9.361 9.36l55.095-55.094c35.84-35.84 92.673 20.995 56.834 56.834L179.217 150.6l23.268 23.268l-27.815 27.815l-44.932-44.932l41.455-41.455c7.845-7.845-3.254-18.944-11.099-11.1l-58.037 58.038c-36.64 31.827-87.992-18.99-56.968-56.967z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M256 128c0 70.692-57.308 128-128 128S0 198.692 0 128S57.308 0 128 0s128 57.308 128 128"/><path fill="#fff" d="m86.812 61.672l24.472 24.472l-36.909 36.908c-9.628 9.629-.267 18.989 9.361 9.36l55.095-55.094c35.84-35.84 92.673 20.995 56.834 56.834L179.217 150.6l23.268 23.268l-27.815 27.815l-44.932-44.932l41.455-41.455c7.845-7.845-3.254-18.944-11.099-11.1l-58.037 58.038c-36.64 31.827-87.992-18.99-56.968-56.967z"/></svg> </template>
CSS
.icon-cockpit {
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%20256%22%3E%3Cpath%20d%3D%22M256%20128c0%2070.692-57.308%20128-128%20128S0%20198.692%200%20128S57.308%200%20128%200s128%2057.308%20128%20128%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m86.812%2061.672l24.472%2024.472l-36.909%2036.908c-9.628%209.629-.267%2018.989%209.361%209.36l55.095-55.094c35.84-35.84%2092.673%2020.995%2056.834%2056.834L179.217%20150.6l23.268%2023.268l-27.815%2027.815l-44.932-44.932l41.455-41.455c7.845-7.845-3.254-18.944-11.099-11.1l-58.037%2058.038c-36.64%2031.827-87.992-18.99-56.968-56.967z%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%20256%22%3E%3Cpath%20d%3D%22M256%20128c0%2070.692-57.308%20128-128%20128S0%20198.692%200%20128S57.308%200%20128%200s128%2057.308%20128%20128%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m86.812%2061.672l24.472%2024.472l-36.909%2036.908c-9.628%209.629-.267%2018.989%209.361%209.36l55.095-55.094c35.84-35.84%2092.673%2020.995%2056.834%2056.834L179.217%20150.6l23.268%2023.268l-27.815%2027.815l-44.932-44.932l41.455-41.455c7.845-7.845-3.254-18.944-11.099-11.1l-58.037%2058.038c-36.64%2031.827-87.992-18.99-56.968-56.967z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/cockpit.svg?color=%231a73e8&size=48
