cockpit logo
cockpit from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- cockpit
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
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 24 24"><path fill="currentColor" d="M16.733 6.487c-.611.038-1.482.516-2.257 1.296L12.77 9.49L7.493 7.718L6.464 8.781l3.982 3.032l-.884.884a5.6 5.6 0 0 0-.781.961l-2.398-.178l-.01.01l-.587.587l1.838 1.347l.547.405l.405.547l1.347 1.839l.588-.588l.01-.01l-.18-2.398c.32-.203.65-.467.962-.782l.884-.884l3.032 3.982l1.063-1.028l-1.772-5.277l1.706-1.706c1.04-1.034 1.545-2.237 1.182-2.77a1 1 0 0 0-.068-.085a1 1 0 0 0-.084-.067c-.133-.09-.309-.127-.512-.115zm3.756-2.976C15.807-1.17 8.193-1.17 3.51 3.511c-4.682 4.682-4.681 12.296 0 16.978c4.682 4.681 12.296 4.682 16.978 0c4.681-4.682 4.681-12.296 0-16.978m-1.145 1.145a10.373 10.373 0 0 1 0 14.688a10.373 10.373 0 0 1-14.688 0a10.373 10.373 0 0 1 0-14.688a10.373 10.373 0 0 1 14.688 0"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsCockpit(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="M16.733 6.487c-.611.038-1.482.516-2.257 1.296L12.77 9.49L7.493 7.718L6.464 8.781l3.982 3.032l-.884.884a5.6 5.6 0 0 0-.781.961l-2.398-.178l-.01.01l-.587.587l1.838 1.347l.547.405l.405.547l1.347 1.839l.588-.588l.01-.01l-.18-2.398c.32-.203.65-.467.962-.782l.884-.884l3.032 3.982l1.063-1.028l-1.772-5.277l1.706-1.706c1.04-1.034 1.545-2.237 1.182-2.77a1 1 0 0 0-.068-.085a1 1 0 0 0-.084-.067c-.133-.09-.309-.127-.512-.115zm3.756-2.976C15.807-1.17 8.193-1.17 3.51 3.511c-4.682 4.682-4.681 12.296 0 16.978c4.682 4.681 12.296 4.682 16.978 0c4.681-4.682 4.681-12.296 0-16.978m-1.145 1.145a10.373 10.373 0 0 1 0 14.688a10.373 10.373 0 0 1-14.688 0a10.373 10.373 0 0 1 0-14.688a10.373 10.373 0 0 1 14.688 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.733 6.487c-.611.038-1.482.516-2.257 1.296L12.77 9.49L7.493 7.718L6.464 8.781l3.982 3.032l-.884.884a5.6 5.6 0 0 0-.781.961l-2.398-.178l-.01.01l-.587.587l1.838 1.347l.547.405l.405.547l1.347 1.839l.588-.588l.01-.01l-.18-2.398c.32-.203.65-.467.962-.782l.884-.884l3.032 3.982l1.063-1.028l-1.772-5.277l1.706-1.706c1.04-1.034 1.545-2.237 1.182-2.77a1 1 0 0 0-.068-.085a1 1 0 0 0-.084-.067c-.133-.09-.309-.127-.512-.115zm3.756-2.976C15.807-1.17 8.193-1.17 3.51 3.511c-4.682 4.682-4.681 12.296 0 16.978c4.682 4.681 12.296 4.682 16.978 0c4.681-4.682 4.681-12.296 0-16.978m-1.145 1.145a10.373 10.373 0 0 1 0 14.688a10.373 10.373 0 0 1-14.688 0a10.373 10.373 0 0 1 0-14.688a10.373 10.373 0 0 1 14.688 0"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.733%206.487c-.611.038-1.482.516-2.257%201.296L12.77%209.49L7.493%207.718L6.464%208.781l3.982%203.032l-.884.884a5.6%205.6%200%200%200-.781.961l-2.398-.178l-.01.01l-.587.587l1.838%201.347l.547.405l.405.547l1.347%201.839l.588-.588l.01-.01l-.18-2.398c.32-.203.65-.467.962-.782l.884-.884l3.032%203.982l1.063-1.028l-1.772-5.277l1.706-1.706c1.04-1.034%201.545-2.237%201.182-2.77a1%201%200%200%200-.068-.085a1%201%200%200%200-.084-.067c-.133-.09-.309-.127-.512-.115zm3.756-2.976C15.807-1.17%208.193-1.17%203.51%203.511c-4.682%204.682-4.681%2012.296%200%2016.978c4.682%204.681%2012.296%204.682%2016.978%200c4.681-4.682%204.681-12.296%200-16.978m-1.145%201.145a10.373%2010.373%200%200%201%200%2014.688a10.373%2010.373%200%200%201-14.688%200a10.373%2010.373%200%200%201%200-14.688a10.373%2010.373%200%200%201%2014.688%200%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%22M16.733%206.487c-.611.038-1.482.516-2.257%201.296L12.77%209.49L7.493%207.718L6.464%208.781l3.982%203.032l-.884.884a5.6%205.6%200%200%200-.781.961l-2.398-.178l-.01.01l-.587.587l1.838%201.347l.547.405l.405.547l1.347%201.839l.588-.588l.01-.01l-.18-2.398c.32-.203.65-.467.962-.782l.884-.884l3.032%203.982l1.063-1.028l-1.772-5.277l1.706-1.706c1.04-1.034%201.545-2.237%201.182-2.77a1%201%200%200%200-.068-.085a1%201%200%200%200-.084-.067c-.133-.09-.309-.127-.512-.115zm3.756-2.976C15.807-1.17%208.193-1.17%203.51%203.511c-4.682%204.682-4.681%2012.296%200%2016.978c4.682%204.681%2012.296%204.682%2016.978%200c4.681-4.682%204.681-12.296%200-16.978m-1.145%201.145a10.373%2010.373%200%200%201%200%2014.688a10.373%2010.373%200%200%201-14.688%200a10.373%2010.373%200%200%201%200-14.688a10.373%2010.373%200%200%201%2014.688%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/cockpit.svg?color=%231a73e8&size=48
