xcode logo
xcode from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- xcode
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the xcode logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.06 5.333c.452-.194.774-.258 1.097-.194c.516.13.774.516.968.71c.194.387.903.774 1.226.839c.258.064.71-.645 1.033-1.29c.322-.582.516-1.356.451-1.55c-.064-.193-.968-.58-1.161-.58c-.13 0-.388.129-.84.064c-.45-.064-.903-.58-1.16-.968c-.453-.645-1.098-1.032-1.679-1.355C18.35.686 17.64.493 16.93.364C15.898.105 14.865-.088 13.833.04c-.58.064-1.29.129-1.807.323c-.065 0-.194.193-.065.193s.581.065.581.065s-.58.129-.58.258c0 .13.064.13.129.13c.064 0 1.484-.065 2.065 0c.645.128 1.355.45 1.807 1.225c.774 1.42.451 2.775.258 3.227c-.968 2.13-8.648 15.23-9.035 16.133s-.516 1.484.581 2.065s1.678.322 2-.065c.388-.516 7.034-17.165 9.293-18.262m-3.614 8.711h1.549c1.032 0 1.226.517 1.226.71c.065.516-.194 1.162-1.226 1.162h-.968l.774 1.29c.452.775.258 1.162 0 1.42c-.387.387-1.226.387-1.677-.452l-.904-1.548c-.645 1.42-1.29 2.968-2.065 4.775h4.001c1.936 0 3.55-1.613 3.55-3.55V6.56c-.065-.13-.194-.065-.259 0c-.387.451-1.484 2-4 7.485m-9.808 8.002h-.323a4.186 4.186 0 0 1-4.195-4.194V7.01a4.186 4.186 0 0 1 4.195-4.195h9.357c-.194-.194-.968-.516-1.742-.452c-.323 0-.968.13-1.356-.129c-.387-.322-.322-.516-.903-.516H4.928A4.764 4.764 0 0 0 .152 6.494V18.24c0 2.646 2.13 4.775 4.453 4.71c.645 0 .839-.516 1.032-.903m14.777-15.1v10.906a4.186 4.186 0 0 1-4.194 4.194h-4.324s-.387 1.033.839 1.033h3.872a4.764 4.764 0 0 0 4.775-4.776V8.817c.065-.903-.71-1.484-.968-1.871M1.83 7.01v10.84c0 1.937 1.613 3.55 3.55 3.55h.58c0-.064.774-1.42 2.452-4.26c.194-.386.452-.773.71-1.225h-4.71c-.581 0-.904-.387-.969-.71c-.129-.516.194-1.162.904-1.162h2.387l3.034-5.291s-.71-1.29-.904-1.613c-.258-.452-.129-.904.13-1.162c.386-.387 1.032-.58 1.677.452l.258.387l.258-.387c.58-.84.968-.775 1.29-.71c.517.129.84.71.388 1.613l-4.001 6.711h1.355c.452-.774.904-1.548 1.355-2.387c-.064-.323-.129-.71-.064-1.033c.064-.516.323-.968.645-1.355l.387.645c1.227-2.13 2.13-3.936 2.388-4.646c.13-.387.323-1.162.13-1.807H5.38a3.54 3.54 0 0 0-3.55 3.55m2.775 10.776c0-.064.774-1.42.774-1.42c1.227-.322 1.807.452 1.872.517c0 0-.84 1.484-1.097 1.742s-.581.323-.904.258c-.516-.129-.839-.645-.645-1.097"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsXcode(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="M19.06 5.333c.452-.194.774-.258 1.097-.194c.516.13.774.516.968.71c.194.387.903.774 1.226.839c.258.064.71-.645 1.033-1.29c.322-.582.516-1.356.451-1.55c-.064-.193-.968-.58-1.161-.58c-.13 0-.388.129-.84.064c-.45-.064-.903-.58-1.16-.968c-.453-.645-1.098-1.032-1.679-1.355C18.35.686 17.64.493 16.93.364C15.898.105 14.865-.088 13.833.04c-.58.064-1.29.129-1.807.323c-.065 0-.194.193-.065.193s.581.065.581.065s-.58.129-.58.258c0 .13.064.13.129.13c.064 0 1.484-.065 2.065 0c.645.128 1.355.45 1.807 1.225c.774 1.42.451 2.775.258 3.227c-.968 2.13-8.648 15.23-9.035 16.133s-.516 1.484.581 2.065s1.678.322 2-.065c.388-.516 7.034-17.165 9.293-18.262m-3.614 8.711h1.549c1.032 0 1.226.517 1.226.71c.065.516-.194 1.162-1.226 1.162h-.968l.774 1.29c.452.775.258 1.162 0 1.42c-.387.387-1.226.387-1.677-.452l-.904-1.548c-.645 1.42-1.29 2.968-2.065 4.775h4.001c1.936 0 3.55-1.613 3.55-3.55V6.56c-.065-.13-.194-.065-.259 0c-.387.451-1.484 2-4 7.485m-9.808 8.002h-.323a4.186 4.186 0 0 1-4.195-4.194V7.01a4.186 4.186 0 0 1 4.195-4.195h9.357c-.194-.194-.968-.516-1.742-.452c-.323 0-.968.13-1.356-.129c-.387-.322-.322-.516-.903-.516H4.928A4.764 4.764 0 0 0 .152 6.494V18.24c0 2.646 2.13 4.775 4.453 4.71c.645 0 .839-.516 1.032-.903m14.777-15.1v10.906a4.186 4.186 0 0 1-4.194 4.194h-4.324s-.387 1.033.839 1.033h3.872a4.764 4.764 0 0 0 4.775-4.776V8.817c.065-.903-.71-1.484-.968-1.871M1.83 7.01v10.84c0 1.937 1.613 3.55 3.55 3.55h.58c0-.064.774-1.42 2.452-4.26c.194-.386.452-.773.71-1.225h-4.71c-.581 0-.904-.387-.969-.71c-.129-.516.194-1.162.904-1.162h2.387l3.034-5.291s-.71-1.29-.904-1.613c-.258-.452-.129-.904.13-1.162c.386-.387 1.032-.58 1.677.452l.258.387l.258-.387c.58-.84.968-.775 1.29-.71c.517.129.84.71.388 1.613l-4.001 6.711h1.355c.452-.774.904-1.548 1.355-2.387c-.064-.323-.129-.71-.064-1.033c.064-.516.323-.968.645-1.355l.387.645c1.227-2.13 2.13-3.936 2.388-4.646c.13-.387.323-1.162.13-1.807H5.38a3.54 3.54 0 0 0-3.55 3.55m2.775 10.776c0-.064.774-1.42.774-1.42c1.227-.322 1.807.452 1.872.517c0 0-.84 1.484-1.097 1.742s-.581.323-.904.258c-.516-.129-.839-.645-.645-1.097"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.06 5.333c.452-.194.774-.258 1.097-.194c.516.13.774.516.968.71c.194.387.903.774 1.226.839c.258.064.71-.645 1.033-1.29c.322-.582.516-1.356.451-1.55c-.064-.193-.968-.58-1.161-.58c-.13 0-.388.129-.84.064c-.45-.064-.903-.58-1.16-.968c-.453-.645-1.098-1.032-1.679-1.355C18.35.686 17.64.493 16.93.364C15.898.105 14.865-.088 13.833.04c-.58.064-1.29.129-1.807.323c-.065 0-.194.193-.065.193s.581.065.581.065s-.58.129-.58.258c0 .13.064.13.129.13c.064 0 1.484-.065 2.065 0c.645.128 1.355.45 1.807 1.225c.774 1.42.451 2.775.258 3.227c-.968 2.13-8.648 15.23-9.035 16.133s-.516 1.484.581 2.065s1.678.322 2-.065c.388-.516 7.034-17.165 9.293-18.262m-3.614 8.711h1.549c1.032 0 1.226.517 1.226.71c.065.516-.194 1.162-1.226 1.162h-.968l.774 1.29c.452.775.258 1.162 0 1.42c-.387.387-1.226.387-1.677-.452l-.904-1.548c-.645 1.42-1.29 2.968-2.065 4.775h4.001c1.936 0 3.55-1.613 3.55-3.55V6.56c-.065-.13-.194-.065-.259 0c-.387.451-1.484 2-4 7.485m-9.808 8.002h-.323a4.186 4.186 0 0 1-4.195-4.194V7.01a4.186 4.186 0 0 1 4.195-4.195h9.357c-.194-.194-.968-.516-1.742-.452c-.323 0-.968.13-1.356-.129c-.387-.322-.322-.516-.903-.516H4.928A4.764 4.764 0 0 0 .152 6.494V18.24c0 2.646 2.13 4.775 4.453 4.71c.645 0 .839-.516 1.032-.903m14.777-15.1v10.906a4.186 4.186 0 0 1-4.194 4.194h-4.324s-.387 1.033.839 1.033h3.872a4.764 4.764 0 0 0 4.775-4.776V8.817c.065-.903-.71-1.484-.968-1.871M1.83 7.01v10.84c0 1.937 1.613 3.55 3.55 3.55h.58c0-.064.774-1.42 2.452-4.26c.194-.386.452-.773.71-1.225h-4.71c-.581 0-.904-.387-.969-.71c-.129-.516.194-1.162.904-1.162h2.387l3.034-5.291s-.71-1.29-.904-1.613c-.258-.452-.129-.904.13-1.162c.386-.387 1.032-.58 1.677.452l.258.387l.258-.387c.58-.84.968-.775 1.29-.71c.517.129.84.71.388 1.613l-4.001 6.711h1.355c.452-.774.904-1.548 1.355-2.387c-.064-.323-.129-.71-.064-1.033c.064-.516.323-.968.645-1.355l.387.645c1.227-2.13 2.13-3.936 2.388-4.646c.13-.387.323-1.162.13-1.807H5.38a3.54 3.54 0 0 0-3.55 3.55m2.775 10.776c0-.064.774-1.42.774-1.42c1.227-.322 1.807.452 1.872.517c0 0-.84 1.484-1.097 1.742s-.581.323-.904.258c-.516-.129-.839-.645-.645-1.097"/></svg> </template>
CSS
.icon-xcode {
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%22M19.06%205.333c.452-.194.774-.258%201.097-.194c.516.13.774.516.968.71c.194.387.903.774%201.226.839c.258.064.71-.645%201.033-1.29c.322-.582.516-1.356.451-1.55c-.064-.193-.968-.58-1.161-.58c-.13%200-.388.129-.84.064c-.45-.064-.903-.58-1.16-.968c-.453-.645-1.098-1.032-1.679-1.355C18.35.686%2017.64.493%2016.93.364C15.898.105%2014.865-.088%2013.833.04c-.58.064-1.29.129-1.807.323c-.065%200-.194.193-.065.193s.581.065.581.065s-.58.129-.58.258c0%20.13.064.13.129.13c.064%200%201.484-.065%202.065%200c.645.128%201.355.45%201.807%201.225c.774%201.42.451%202.775.258%203.227c-.968%202.13-8.648%2015.23-9.035%2016.133s-.516%201.484.581%202.065s1.678.322%202-.065c.388-.516%207.034-17.165%209.293-18.262m-3.614%208.711h1.549c1.032%200%201.226.517%201.226.71c.065.516-.194%201.162-1.226%201.162h-.968l.774%201.29c.452.775.258%201.162%200%201.42c-.387.387-1.226.387-1.677-.452l-.904-1.548c-.645%201.42-1.29%202.968-2.065%204.775h4.001c1.936%200%203.55-1.613%203.55-3.55V6.56c-.065-.13-.194-.065-.259%200c-.387.451-1.484%202-4%207.485m-9.808%208.002h-.323a4.186%204.186%200%200%201-4.195-4.194V7.01a4.186%204.186%200%200%201%204.195-4.195h9.357c-.194-.194-.968-.516-1.742-.452c-.323%200-.968.13-1.356-.129c-.387-.322-.322-.516-.903-.516H4.928A4.764%204.764%200%200%200%20.152%206.494V18.24c0%202.646%202.13%204.775%204.453%204.71c.645%200%20.839-.516%201.032-.903m14.777-15.1v10.906a4.186%204.186%200%200%201-4.194%204.194h-4.324s-.387%201.033.839%201.033h3.872a4.764%204.764%200%200%200%204.775-4.776V8.817c.065-.903-.71-1.484-.968-1.871M1.83%207.01v10.84c0%201.937%201.613%203.55%203.55%203.55h.58c0-.064.774-1.42%202.452-4.26c.194-.386.452-.773.71-1.225h-4.71c-.581%200-.904-.387-.969-.71c-.129-.516.194-1.162.904-1.162h2.387l3.034-5.291s-.71-1.29-.904-1.613c-.258-.452-.129-.904.13-1.162c.386-.387%201.032-.58%201.677.452l.258.387l.258-.387c.58-.84.968-.775%201.29-.71c.517.129.84.71.388%201.613l-4.001%206.711h1.355c.452-.774.904-1.548%201.355-2.387c-.064-.323-.129-.71-.064-1.033c.064-.516.323-.968.645-1.355l.387.645c1.227-2.13%202.13-3.936%202.388-4.646c.13-.387.323-1.162.13-1.807H5.38a3.54%203.54%200%200%200-3.55%203.55m2.775%2010.776c0-.064.774-1.42.774-1.42c1.227-.322%201.807.452%201.872.517c0%200-.84%201.484-1.097%201.742s-.581.323-.904.258c-.516-.129-.839-.645-.645-1.097%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%22M19.06%205.333c.452-.194.774-.258%201.097-.194c.516.13.774.516.968.71c.194.387.903.774%201.226.839c.258.064.71-.645%201.033-1.29c.322-.582.516-1.356.451-1.55c-.064-.193-.968-.58-1.161-.58c-.13%200-.388.129-.84.064c-.45-.064-.903-.58-1.16-.968c-.453-.645-1.098-1.032-1.679-1.355C18.35.686%2017.64.493%2016.93.364C15.898.105%2014.865-.088%2013.833.04c-.58.064-1.29.129-1.807.323c-.065%200-.194.193-.065.193s.581.065.581.065s-.58.129-.58.258c0%20.13.064.13.129.13c.064%200%201.484-.065%202.065%200c.645.128%201.355.45%201.807%201.225c.774%201.42.451%202.775.258%203.227c-.968%202.13-8.648%2015.23-9.035%2016.133s-.516%201.484.581%202.065s1.678.322%202-.065c.388-.516%207.034-17.165%209.293-18.262m-3.614%208.711h1.549c1.032%200%201.226.517%201.226.71c.065.516-.194%201.162-1.226%201.162h-.968l.774%201.29c.452.775.258%201.162%200%201.42c-.387.387-1.226.387-1.677-.452l-.904-1.548c-.645%201.42-1.29%202.968-2.065%204.775h4.001c1.936%200%203.55-1.613%203.55-3.55V6.56c-.065-.13-.194-.065-.259%200c-.387.451-1.484%202-4%207.485m-9.808%208.002h-.323a4.186%204.186%200%200%201-4.195-4.194V7.01a4.186%204.186%200%200%201%204.195-4.195h9.357c-.194-.194-.968-.516-1.742-.452c-.323%200-.968.13-1.356-.129c-.387-.322-.322-.516-.903-.516H4.928A4.764%204.764%200%200%200%20.152%206.494V18.24c0%202.646%202.13%204.775%204.453%204.71c.645%200%20.839-.516%201.032-.903m14.777-15.1v10.906a4.186%204.186%200%200%201-4.194%204.194h-4.324s-.387%201.033.839%201.033h3.872a4.764%204.764%200%200%200%204.775-4.776V8.817c.065-.903-.71-1.484-.968-1.871M1.83%207.01v10.84c0%201.937%201.613%203.55%203.55%203.55h.58c0-.064.774-1.42%202.452-4.26c.194-.386.452-.773.71-1.225h-4.71c-.581%200-.904-.387-.969-.71c-.129-.516.194-1.162.904-1.162h2.387l3.034-5.291s-.71-1.29-.904-1.613c-.258-.452-.129-.904.13-1.162c.386-.387%201.032-.58%201.677.452l.258.387l.258-.387c.58-.84.968-.775%201.29-.71c.517.129.84.71.388%201.613l-4.001%206.711h1.355c.452-.774.904-1.548%201.355-2.387c-.064-.323-.129-.71-.064-1.033c.064-.516.323-.968.645-1.355l.387.645c1.227-2.13%202.13-3.936%202.388-4.646c.13-.387.323-1.162.13-1.807H5.38a3.54%203.54%200%200%200-3.55%203.55m2.775%2010.776c0-.064.774-1.42.774-1.42c1.227-.322%201.807.452%201.872.517c0%200-.84%201.484-1.097%201.742s-.581.323-.904.258c-.516-.129-.839-.645-.645-1.097%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/xcode.svg?color=%231a73e8&size=48
