What does the Xcode icon mean?

The Xcode icon represents a popular integrated development environment (IDE) used for building and managing Apple apps. This icon is often used in software development contexts to symbolize Apple app development. Xcode is a crucial tool for developers.

Where is the Xcode icon used?

In real-world applications, the Xcode icon appears in software development tools, such as Apple Developer, macOS, and iOS. For instance, in Xcode, this icon might be used to represent a specific project or to navigate to a section of the IDE focused on code editing.

What does the Xcode icon tell users?

From a UX perspective, the Xcode icon communicates a sense of Apple app development capability and expertise. It helps users understand that a particular feature or function is related to Apple app development or software development.

Can I download the Xcode icon as SVG or PNG?

Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.

How do I install the Xcode icon with the shadcn CLI?

Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds the icon to components/icons/logos-xcode.tsx.

How do I use the Xcode icon in Next.js or React?

Copy it as React (from Get icon, or the Code section): a typed XcodeIcon component you paste into your project, with no package to install. It works in Next.js and any React app.

How do I use the Xcode icon in Vue, Svelte or Angular?

Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside.

Can my AI agent install it for me?

With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the Xcode icon, or any of 2,063 SVG Logos icons, and install it from a prompt.

Can I use the Xcode icon in commercial projects?

CC0 puts the icons in the public domain: use them anywhere, with no conditions. The full terms are in the license, linked on this page.

Is the Xcode icon free?

Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.

How do I change the color of the Xcode icon?

It's multicolor, so it keeps its own colors.

How do I change the size of the Xcode icon?

Set width and height on the component, or a class like size-6. It's drawn on a 256 × 256 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.

How do I make the Xcode icon accessible?

Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="Xcode", so screen readers say what it does.

Xcode

The Xcode icon represents a popular integrated development environment (IDE) used for building and managing Apple apps.

Add shadcn.io to your AI agent. · Pro It installs Xcode, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 23 × 24 px

Get Pro

2,063 in SVG Logos CC0 license (opens in a new tab)Free to copy and download

Code

Xcode in your framework

In any framework. Customize it above, and the code follows.

export const XcodeIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 256 262" {...props}>
    <defs><linearGradient id="SVGeQO2xLND" x1="49.997%" x2="49.997%" y1="100.065%" y2="-.016%"><stop offset="0%" stopColor="#1578E4"/><stop offset="100%" stopColor="#00C3F2"/></linearGradient><linearGradient id="SVGSrluTbKt" x1="51.682%" x2="51.682%" y1="99.547%" y2="-.213%"><stop offset="0%" stopColor="#1492E7"/><stop offset="100%" stopColor="#DBEDFB"/></linearGradient><linearGradient id="SVGyTyaieAy" x1="47.1%" x2="47.1%" y1="99.547%" y2="-.213%"><stop offset="0%" stopColor="#1492E7"/><stop offset="100%" stopColor="#DBEDFB"/></linearGradient><linearGradient id="SVGrLiS3bWc" x1="49.7%" x2="49.7%" y1="99.547%" y2="-.213%"><stop offset="0%" stopColor="#1492E7"/><stop offset="100%" stopColor="#DBEDFB"/></linearGradient><linearGradient id="SVG4drZPdUK" x1="50.2%" x2="50.2%" y1="99.547%" y2="-.213%"><stop offset="0%" stopColor="#1492E7"/><stop offset="100%" stopColor="#DBEDFB"/></linearGradient><linearGradient id="SVG45vlyesF" x1="45.8%" x2="45.8%" y1="99.547%" y2="-.213%"><stop offset="0%" stopColor="#1492E7"/><stop offset="100%" stopColor="#DBEDFB"/></linearGradient><linearGradient id="SVGLjd7ge0k" x1="46.917%" x2="46.917%" y1="99.547%" y2="-.213%"><stop offset="0%" stopColor="#1492E7"/><stop offset="100%" stopColor="#DBEDFB"/></linearGradient><linearGradient id="SVG4eCVOd1e" x1="51.2%" x2="51.2%" y1="99.547%" y2="-.213%"><stop offset="0%" stopColor="#1492E7"/><stop offset="100%" stopColor="#DBEDFB"/></linearGradient><linearGradient id="SVGJpBzocqc" x1="52.6%" x2="52.6%" y1="99.547%" y2="-.213%"><stop offset="0%" stopColor="#1492E7"/><stop offset="100%" stopColor="#DBEDFB"/></linearGradient><linearGradient id="SVGFfS2vcIz" x1="48.045%" x2="48.045%" y1="99.547%" y2="-.213%"><stop offset="0%" stopColor="#1492E7"/><stop offset="100%" stopColor="#DBEDFB"/></linearGradient><linearGradient id="SVGIdGvuezL" x1="49.948%" x2="49.948%" y1="99.943%" y2=".038%"><stop offset="0%" stopColor="#1285E7"/><stop offset="100%" stopColor="#00B5EF"/></linearGradient><linearGradient id="SVGuxAcmdrJ" x1="66.56%" x2="33.185%" y1="100.135%" y2=".097%"><stop offset="0%" stopColor="#2B90E7"/><stop offset="100%" stopColor="#00B6EF"/></linearGradient><linearGradient id="SVGtlVOebcF" x1="66.768%" x2="33.189%" y1="100.213%" y2=".149%"><stop offset="0%" stopColor="#3795EA"/><stop offset="100%" stopColor="#49C4F2"/></linearGradient><linearGradient id="SVGZKZoueGz" x1="66.743%" x2="33.255%" y1="99.893%" y2=".153%"><stop offset="0%" stopColor="#3696EA"/><stop offset="100%" stopColor="#90D9F6"/></linearGradient><linearGradient id="SVGammejpWf" x1="66.818%" x2="33.325%" y1="99.886%" y2="-.089%"><stop offset="0%" stopColor="#3097EA"/><stop offset="100%" stopColor="#B5E5F9"/></linearGradient><linearGradient id="SVGUtv6ydfi" x1="66.837%" x2="33.388%" y1="99.976%" y2="-.111%"><stop offset="0%" stopColor="#3A98EA"/><stop offset="100%" stopColor="#BCE7FA"/></linearGradient><linearGradient id="SVGdSCUwcdt" x1="1.227%" x2="99.348%" y1="67.606%" y2="31.555%"><stop offset="0%" stopColor="#00A4EC"/><stop offset="100%" stopColor="#B9DFF6"/></linearGradient><linearGradient id="SVGasGK5cjx" x1="-.197%" x2="97.909%" y1="66.347%" y2="29.438%"><stop offset="0%" stopColor="#00A4EC"/><stop offset="100%" stopColor="#B9DFF6"/></linearGradient><linearGradient id="SVGRpTSQpdT" x1="-4.091%" x2="93.394%" y1="62.746%" y2="25.846%"><stop offset="0%" stopColor="#00B4EF"/><stop offset="100%" stopColor="#C3E9FA"/></linearGradient><linearGradient id="SVGXZk4Jq6o" x1="-3.996%" x2="91.182%" y1="62.651%" y2="26.567%"><stop offset="0%" stopColor="#00B4EF"/><stop offset="100%" stopColor="#C3E9FA"/></linearGradient><linearGradient id="SVG7kmdnNxt" x1="50.041%" x2="50.041%" y1="100.188%" y2="-.034%"><stop offset="0%" stopColor="#1285E7"/><stop offset="100%" stopColor="#00B5EF"/></linearGradient><linearGradient id="SVGEYyQobwf" x1="33.328%" x2="66.919%" y1="100.227%" y2=".019%"><stop offset="0%" stopColor="#3194E9"/><stop offset="100%" stopColor="#71CFF4"/></linearGradient><linearGradient id="SVGBPkIhGMr" x1="33.267%" x2="66.85%" y1="100.305%" y2=".228%"><stop offset="0%" stopColor="#5AA6EC"/><stop offset="100%" stopColor="#A2DEF8"/></linearGradient><linearGradient id="SVGzotMidXf" x1="33.298%" x2="66.692%" y1="99.811%" y2=".071%"><stop offset="0%" stopColor="#66ABEE"/><stop offset="100%" stopColor="#BEE8FA"/></linearGradient><linearGradient id="SVGtJ9dJbJb" x1="33.174%" x2="66.78%" y1="99.97%" y2="-.173%"><stop offset="0%" stopColor="#7BB6F0"/><stop offset="100%" stopColor="#B1E3F9"/></linearGradient><linearGradient id="SVGGpCqjeNj" x1="33.202%" x2="66.569%" y1="99.951%" y2="-.187%"><stop offset="0%" stopColor="#5AA6EC"/><stop offset="100%" stopColor="#AFE3F9"/></linearGradient><linearGradient id="SVGDaZCjEOK" x1="8.383%" x2="104.985%" y1="26.376%" y2="63.366%"><stop offset="0%" stopColor="#C1E7FA"/><stop offset="100%" stopColor="#89D4F5"/></linearGradient><linearGradient id="SVG6gdcjcSN" x1="6.806%" x2="103.463%" y1="27.833%" y2="62.708%"><stop offset="0%" stopColor="#C1E7FA"/><stop offset="100%" stopColor="#89D4F5"/></linearGradient><linearGradient id="SVGVYCvqcIg" x1="5.567%" x2="102.209%" y1="29.495%" y2="63.636%"><stop offset="0%" stopColor="#C1E7FA"/><stop offset="100%" stopColor="#89D4F5"/></linearGradient><linearGradient id="SVGHyNJCe0Z" x1="3.896%" x2="100.537%" y1="29.952%" y2="64.102%"><stop offset="0%" stopColor="#B0DFF8"/><stop offset="100%" stopColor="#52BDF2"/></linearGradient><linearGradient id="SVGG8OX6cKj" x1="3.731%" x2="100.403%" y1="31.313%" y2="65.463%"><stop offset="0%" stopColor="#B4DEF8"/><stop offset="100%" stopColor="#4EB5F0"/></linearGradient><linearGradient id="SVG8r9LOdNg" x1="3.582%" x2="100.224%" y1="32.674%" y2="66.815%"><stop offset="0%" stopColor="#B4DEF8"/><stop offset="100%" stopColor="#4EB5F0"/></linearGradient><linearGradient id="SVGmHRbzdTE" x1="2.075%" x2="98.701%" y1="32.975%" y2="67.116%"><stop offset="0%" stopColor="#B5DDF8"/><stop offset="100%" stopColor="#46AEEE"/></linearGradient><linearGradient id="SVGcYs6zcZB" x1=".522%" x2="97.179%" y1="34.139%" y2="67.456%"><stop offset="0%" stopColor="#96CEF4"/><stop offset="100%" stopColor="#46AAEE"/></linearGradient><linearGradient id="SVGGiwYisPm" x1="2.164%" x2="92.382%" y1="39.322%" y2="60.185%"><stop offset="0%" stopColor="#8FC1F2"/><stop offset="100%" stopColor="#3193EA"/></linearGradient><linearGradient id="SVGkCkd0bkp" x1="-3.97%" x2="92.687%" y1="37.208%" y2="73.049%"><stop offset="0%" stopColor="#8FC1F2"/><stop offset="100%" stopColor="#3193EA"/></linearGradient><linearGradient id="SVG8tvM8Ddr" x1="-4.119%" x2="92.522%" y1="36.008%" y2="73.58%"><stop offset="0%" stopColor="#8FC1F2"/><stop offset="100%" stopColor="#3193EA"/></linearGradient><linearGradient id="SVGTipSUc6q" x1="45.594%" x2="53.241%" y1="48.14%" y2="54.535%"><stop offset=".1%"/><stop offset="100%" stopOpacity="0"/></linearGradient><linearGradient id="SVGNd33SNuw" x1="40.335%" x2="60.708%" y1="40.676%" y2="55.055%"><stop offset="0%" stopColor="#344351"/><stop offset="10%" stopColor="#9697A0"/><stop offset="18.1%" stopColor="#8B8C95"/><stop offset="35.1%" stopColor="#787A83"/><stop offset="47%" stopColor="#71747D"/><stop offset="59.1%" stopColor="#777982"/><stop offset="74.9%" stopColor="#87898F"/><stop offset="80%" stopColor="#8E8F94"/><stop offset="84.9%" stopColor="#3D3B42"/><stop offset="90%" stopColor="#606E84"/></linearGradient><linearGradient id="SVGhI1UfbDF" x1="74.136%" x2="18.503%" y1="89.046%" y2="4.378%"><stop offset="27%" stopColor="#262B33"/><stop offset="45%" stopColor="#74747E"/><stop offset="54%" stopColor="#B0B0BC"/><stop offset="73%" stopColor="#74747E"/></linearGradient><linearGradient id="SVGv8FZCbSW" x1="-1.75%" x2="97.917%" y1="55.328%" y2="48.122%"><stop offset="14%" stopColor="#606E84"/><stop offset="40%" stopColor="#9899A5"/><stop offset="73%" stopColor="#475768"/><stop offset="92%" stopColor="#262B33"/></linearGradient><linearGradient id="SVGpl5hwdxm" x1="52.156%" x2="41.552%" y1="71.394%" y2="26.303%"><stop offset="0%" stopColor="#101215" stopOpacity=".1"/><stop offset="46%" stopColor="#101215" stopOpacity=".7"/><stop offset="70%" stopColor="#474951"/><stop offset="91%" stopColor="#7B7D88"/></linearGradient><linearGradient id="SVG3eiACbqM" x1="42.628%" x2="57.838%" y1="42.616%" y2="54.013%"><stop offset="11.5%" stopColor="#2C3952"/><stop offset="37.4%" stopColor="#3D414E"/><stop offset="55%" stopColor="#474A54"/><stop offset="75.4%" stopColor="#4E5057"/><stop offset="89.2%" stopColor="#323945"/><stop offset="100%" stopColor="#143052"/></linearGradient><linearGradient id="SVGbCKMkcYv" x1="29.79%" x2="58.065%" y1="69.5%" y2="23.542%"><stop offset="11.8%" stopColor="#6D7078" stopOpacity="0"/><stop offset="20%" stopColor="#6D7078" stopOpacity=".7"/><stop offset="34%" stopColor="#35363A"/><stop offset="37.4%" stopColor="#1D1F22"/><stop offset="40%" stopColor="#101215"/><stop offset="50%" stopColor="#16171A"/><stop offset="56%" stopColor="#292A2E"/><stop offset="68.8%" stopColor="#4B4D51"/><stop offset="80.7%" stopColor="#63666B"/><stop offset="91.5%" stopColor="#72757B"/><stop offset="100%" stopColor="#777A80"/></linearGradient><linearGradient id="SVGN8aeJbbE" x1="-.164%" x2="99.957%" y1="50.004%" y2="50.004%"><stop offset="0%" stopColor="#4A4D56"/><stop offset="100%" stopColor="#29292D"/></linearGradient><linearGradient id="SVGwREdSdsm" x1="-.19%" x2="99.936%" y1="49.584%" y2="49.584%"><stop offset="0%" stopColor="#767880"/><stop offset="41%" stopColor="#0C0A0B"/></linearGradient><linearGradient id="SVG7wGcGbgK" x1="31.726%" x2="67.025%" y1="89.031%" y2="8.692%"><stop offset="0%" stopColor="#858997"/><stop offset="23%" stopColor="#244668"/><stop offset="28.2%" stopColor="#1A3249"/><stop offset="40%" stopColor="#040506"/><stop offset="46.4%" stopColor="#313236"/><stop offset="54.6%" stopColor="#65656E"/><stop offset="60.7%" stopColor="#868691"/><stop offset="64%" stopColor="#92929E"/></linearGradient><radialGradient id="SVGIhBW2ctn" cx="64.482%" cy="29.66%" r="42.357%" fx="64.482%" fy="29.66%" gradientTransform="matrix(-.3233 .89332 -.64266 -.44941 1.044 -.146)"><stop offset="0%"/><stop offset="100%" stopOpacity="0"/></radialGradient><radialGradient id="SVGOZ9KTd5m" cx="48.301%" cy="48.508%" r="73.404%" fx="48.301%" fy="48.508%" gradientTransform="matrix(.62911 .4402 -.30843 .8979 .329 -.163)"><stop offset="41.7%" stopColor="#0C0C12"/><stop offset="100%" stopColor="#3D4651"/></radialGradient></defs><path fill="url(#SVGeQO2xLND)" d="M49.847 18.892h128.6c27.541 0 49.847 22.306 49.847 49.847v128.6c0 27.54-22.306 49.847-49.847 49.847h-128.6C22.306 247.186 0 224.88 0 197.339v-128.6c0-27.541 22.306-49.847 49.847-49.847"/><path fill="#FFF" d="M174.578 31.183H53.716c-22.988 0-41.653 18.664-41.653 41.653v120.861c0 22.989 18.665 41.653 41.653 41.653h120.862c22.989 0 41.653-18.664 41.653-41.653V72.608c0-22.989-18.664-41.425-41.653-41.425m38.238 162.97a37.69 37.69 0 0 1-37.783 37.783H53.261c-20.713 0-37.783-16.843-37.783-37.784v-122A37.69 37.69 0 0 1 53.26 34.37h122c20.712 0 37.783 16.844 37.783 37.784v122z"/><path fill="#69C5F3" d="M114.488 39.377c-51.44 0-93.32 41.88-93.32 93.32s41.88 93.32 93.32 93.32c51.668 0 93.321-41.88 93.321-93.32s-41.88-93.32-93.32-93.32m0 185.275c-50.757 0-91.954-41.197-91.954-91.955s41.197-91.955 91.954-91.955c50.758 0 91.955 41.198 91.955 91.955c0 50.758-41.197 91.955-91.955 91.955"/><path fill="#68C5F4" d="M114.488 58.496c-41.197 0-74.428 33.231-74.428 74.429s33.23 74.201 74.428 74.201s74.43-33.231 74.43-74.429s-33.46-74.2-74.43-74.2m0 147.037c-40.287 0-72.835-32.548-72.835-72.836S74.2 59.862 114.488 59.862s72.836 32.548 72.836 72.835c0 40.288-32.776 72.836-72.836 72.836"/><path fill="#FFF" d="M43.246 149.768h142.03c5.917 0 10.47 4.78 10.47 10.47c0 5.918-4.78 10.47-10.47 10.47H43.245c-5.917 0-10.469-4.78-10.469-10.47c-.228-5.69 4.552-10.47 10.47-10.47"/><path fill="#0A93E9" d="M42.791 151.817h142.484c4.553 0 8.422 3.641 8.422 8.421v.228c0 4.552-3.642 8.421-8.422 8.421H42.791c-4.553 0-8.422-3.641-8.422-8.421v-.455c.228-4.553 3.87-8.194 8.422-8.194"/><path fill="#1694EA" d="M39.377 167.977h149.54l1.138-.683H38.238z"/><path fill="#319DEC" d="M35.962 165.246h156.142l.455-.683H35.507z"/><path fill="#65B1EE" d="M34.597 160.921h159.1v-.91h-159.1z"/><path fill="#8EC6F3" d="M36.19 155.231h156.141l.228.455l.227.455H35.735l.227-.455z"/><path fill="#95CAF3" d="M39.604 152.499h149.313l.683.228l.683.455H38.238l.683-.455z"/><path fill="url(#SVGSrluTbKt)" d="M148.41 2.049h-1.138s3.87 2.73 3.87 8.876c0 5.69-3.87 8.194-3.87 8.194h1.138s3.87-1.82 3.87-8.194c0-6.828-3.87-8.876-3.87-8.876" transform="translate(32.768 149.768)"/><path fill="url(#SVGyTyaieAy)" d="M137.485 2.049h-1.138s3.414 3.186 3.414 8.876c0 5.008-3.414 8.194-3.414 8.194h1.138s3.414-2.503 3.414-8.194c-.227-6.145-3.414-8.876-3.414-8.876" transform="translate(32.768 149.768)"/><path fill="url(#SVGrLiS3bWc)" d="M80.81 2.049h1.138v17.07H80.81z" transform="translate(32.768 149.768)"/><path fill="url(#SVG4drZPdUK)" d="M69.657 2.049h1.138s-.455 4.324-.455 8.876c0 4.097.455 8.194.455 8.194h-1.138s-.455-4.097-.455-8.194c0-4.552.455-8.876.455-8.876" transform="translate(32.768 149.768)"/><path fill="url(#SVG45vlyesF)" d="M58.731 2.049h1.139s-1.139 4.324-1.139 8.876c0 4.097 1.139 8.194 1.139 8.194h-1.14s-1.138-4.097-1.138-8.194c0-4.552 1.138-8.876 1.138-8.876" transform="translate(32.768 149.768)"/><path fill="url(#SVGLjd7ge0k)" d="M47.579 2.049h1.138s-1.594 4.324-1.594 8.876c0 4.097 1.594 8.194 1.594 8.194h-1.138s-1.594-4.097-1.594-8.194c0-4.552 1.594-8.876 1.594-8.876" transform="translate(32.768 149.768)"/><path fill="url(#SVG4eCVOd1e)" d="M36.426 2.049h1.138s-2.276 3.641-2.276 8.876c0 4.553 2.276 8.194 2.276 8.194h-1.138s-2.277-3.641-2.277-8.194c0-5.235 2.277-8.876 2.277-8.876" transform="translate(32.768 149.768)"/><path fill="url(#SVGJpBzocqc)" d="M25.273 2.049h1.138s-3.414 3.186-3.414 8.876c0 5.008 3.414 8.194 3.414 8.194h-1.138s-3.415-2.503-3.415-8.194c.228-6.145 3.415-8.876 3.415-8.876" transform="translate(32.768 149.768)"/><path fill="url(#SVGFfS2vcIz)" d="M14.347 2.049h1.138s-3.869 2.73-3.869 8.876c0 5.69 3.87 8.194 3.87 8.194h-1.139s-3.87-1.82-3.87-8.194c0-6.828 3.87-8.876 3.87-8.876" transform="translate(32.768 149.768)"/><path fill="#FFF" d="m109.709 65.097l71.015 122.91c2.959 5.007 1.138 11.38-3.87 14.34c-5.007 2.958-11.38 1.137-14.34-3.87L91.501 75.567c-2.959-5.008-1.138-11.38 3.87-14.34c5.007-2.959 11.38-1.138 14.339 3.87"/><path fill="url(#SVGIdGvuezL)" d="M17.813 6.205L89.055 129.57c2.277 3.87.91 9.105-2.958 11.38l-.456.228c-3.87 2.277-9.104.91-11.38-2.959L3.018 14.627c-2.276-3.87-.91-9.105 2.96-11.381l.227-.228c4.097-2.276 9.332-.91 11.608 3.187" transform="translate(90.075 59.802)"/><path fill="url(#SVGuxAcmdrJ)" d="m1.88 11.212l74.657 129.511l.455.228l.455.227l.455.228L1.88 9.847z" transform="translate(90.075 59.802)"/><path fill="url(#SVGtlVOebcF)" d="m2.563 6.888l78.071 135.201h.91L3.018 6.205l-.227.455z" transform="translate(90.075 59.802)"/><path fill="url(#SVGZKZoueGz)" d="m5.75 3.474l79.664 137.704l.683-.455L6.433 3.018z" transform="translate(90.075 59.802)"/><path fill="url(#SVGammejpWf)" d="m11.44 2.108l77.843 134.973l-.228.456l-.227.455L10.302 1.88h.455z" transform="translate(90.075 59.802)"/><path fill="url(#SVGUtv6ydfi)" d="m15.537 3.474l74.657 129.283v1.365L14.171 2.791l.456.227l.455.228z" transform="translate(90.075 59.802)"/><path fill="#3C98EA" d="m176.855 185.275l-.456-.91s-.455 4.552-5.463 7.739c-4.78 2.959-9.104.91-9.104.91l.455.91s3.642 2.504 9.105-.91c5.462-3.187 5.462-7.739 5.462-7.739m-5.69-9.56l-.456-.91s-1.138 4.552-5.918 7.284c-4.325 2.731-8.65 1.365-8.65 1.365l.456.91s3.87 1.594 8.877-1.365s5.69-7.283 5.69-7.283"/><path fill="#4CA4ED" d="m165.701 166.156l-.455-.91s-2.048 3.869-6.373 6.373c-3.87 2.276-8.194 2.276-8.194 2.276l.455.91s4.097 0 8.194-2.276c4.325-2.504 6.373-6.373 6.373-6.373"/><path fill="#4DA7EE" d="m160.239 156.596l-.456-.91s-2.958 3.87-6.828 5.918c-3.642 2.048-7.966 2.731-7.966 2.731l.455.91s4.325-.682 7.966-2.73c3.642-2.05 6.829-5.919 6.829-5.919"/><path fill="url(#SVGdSCUwcdt)" d="m47.63 58.1l.455.91s-3.869 1.822-7.738 3.87c-3.642 2.049-6.829 4.78-6.829 4.78l-.455-.91s3.414-2.732 6.828-4.78c3.87-2.049 7.74-3.87 7.74-3.87" transform="translate(90.075 59.802)"/><path fill="url(#SVGasGK5cjx)" d="m42.168 48.54l.455.911s-4.325 1.366-7.967 3.642c-3.641 2.048-6.6 5.235-6.6 5.235l-.456-.91s2.96-3.187 6.601-5.236c3.642-2.503 7.967-3.641 7.967-3.641" transform="translate(90.075 59.802)"/><path fill="#9DD4F7" d="M122 100.832c2.959-.911 5.235-1.366 5.235-1.366l-.455-.91s-2.049.227-4.325 1.137c-1.365.456-1.593 1.594-.455 1.138"/><path fill="url(#SVGRpTSQpdT)" d="m25.552 19.862l.455.91s-4.324-1.138-9.332 1.593c-4.325 2.732-5.235 7.056-5.235 7.056l-.455-.91s.455-3.87 5.235-6.828c5.007-3.187 9.332-1.821 9.332-1.821" transform="translate(90.075 59.802)"/><path fill="url(#SVGXZk4Jq6o)" d="m20.09 10.074l.682.91s-4.552-1.82-9.787 1.139c-5.008 3.186-5.008 7.511-5.008 7.511l-.682-.91s-.456-3.87 5.007-7.284c5.69-3.414 9.787-1.366 9.787-1.366" transform="translate(90.075 59.802)"/><path fill="#FFF" d="M94.913 149.768c19.803-34.14 42.565-73.744 42.565-73.744c2.959-5.008 1.138-11.38-3.87-14.34s-11.38-1.139-14.34 3.869c0 0-27.768 48.253-48.708 84.216zm-12.29 20.94c-9.56 16.389-16.161 28.225-16.161 28.225c-2.959 5.007-9.332 6.828-14.34 3.87c-5.007-2.96-6.828-9.333-3.869-14.34c0 0 3.87-7.056 10.015-17.526c7.739-.228 21.85-.228 24.354-.228"/><path fill="url(#SVG7kmdnNxt)" d="M45.582 89.51c20.03-34.596 43.246-74.883 43.246-74.883c2.276-3.87.91-9.105-2.96-11.381l-.227-.228c-3.87-2.276-9.104-.91-11.38 2.96c0 0-27.314 47.342-48.254 83.533zm-12.064 20.94c-9.104 15.934-15.705 27.314-15.705 27.314c-2.276 3.87-7.283 5.235-11.38 2.96h-.456c-3.869-2.277-5.235-7.284-2.959-11.381c0 0 4.325-7.512 10.926-18.892z" transform="translate(46.828 60.258)"/><path fill="url(#SVGEYyQobwf)" d="m44.899 89.51l45.295-78.298V9.847S65.156 53.32 44.216 89.51zm-12.291 20.94l-17.299 30.046l-.682.455l-.683.227s7.739-13.429 17.753-30.727z" transform="translate(46.828 60.258)"/><path fill="url(#SVGBPkIhGMr)" d="M41.485 89.51L89.283 6.889l-.228-.455l-.227-.456S62.653 51.272 40.802 89.283zM29.42 110.45l-18.209 31.411h-.91s7.739-13.429 18.209-31.638c.455.228.91.228.91.228" transform="translate(46.828 60.258)"/><path fill="url(#SVGzotMidXf)" d="M36.477 89.51c22.534-38.92 49.62-86.036 49.62-86.036l-.683-.456l-50.075 86.493zm-12.29 21.169c-10.016 17.526-17.527 30.5-17.527 30.5l-.683-.456s7.284-12.746 17.299-30.044c.455-.228.227-.228.91 0" transform="translate(46.828 60.258)"/><path fill="url(#SVGtJ9dJbJb)" d="M31.015 89.51c22.533-38.92 50.53-87.63 50.53-87.63h-.911s-27.996 48.482-50.53 87.63zm-13.202 20.94c-9.104 15.706-15.25 26.404-15.25 26.404l.228.455l.227.455s6.601-11.38 15.933-27.313z" transform="translate(46.828 60.258)"/><path fill="url(#SVGGpCqjeNj)" d="M27.6 89.51L77.675 2.79l-.455.228l-.456.228l-.227.228S48.768 51.5 26.917 89.51zm-12.063 20.94A5171 5171 0 0 1 1.88 134.123v-1.82s5.008-8.65 12.747-22.079c.455.228.455.228.91.228" transform="translate(46.828 60.258)"/><path fill="url(#SVGDaZCjEOK)" d="m71.985 9.62l-.456.91s4.097-2.049 9.56.91c5.008 2.731 5.235 7.511 5.235 7.511l.455-.91s.456-4.325-5.235-7.511c-5.69-3.187-9.56-.91-9.56-.91" transform="translate(46.828 60.258)"/><path fill="url(#SVG6gdcjcSN)" d="m66.522 19.406l-.455.91s4.552-1.365 9.332 1.367c4.552 2.503 5.462 6.828 5.462 6.828l.456-.91s-.456-4.098-5.463-6.829c-5.235-2.959-9.332-1.366-9.332-1.366" transform="translate(46.828 60.258)"/><path fill="url(#SVGVYCvqcIg)" d="m60.832 28.966l-.456.91s4.097-.227 8.65 2.504c4.097 2.276 6.145 5.918 6.145 5.918l.455-.91s-2.048-3.642-6.145-5.918c-4.325-2.504-8.65-2.504-8.65-2.504" transform="translate(46.828 60.258)"/><path fill="url(#SVGHyNJCe0Z)" d="m55.369 38.753l-.455.91s4.552.684 8.421 2.96c3.642 2.048 6.373 5.462 6.373 5.462l.456-.91s-2.732-3.414-6.373-5.463c-3.87-2.276-8.422-2.959-8.422-2.959" transform="translate(46.828 60.258)"/><path fill="url(#SVGG8OX6cKj)" d="m49.679 48.313l-.456.91s4.325 1.139 8.194 3.415c3.642 2.048 6.601 5.007 6.601 5.007l.455-.91s-2.959-2.96-6.6-5.008c-3.642-2.048-8.194-3.414-8.194-3.414" transform="translate(46.828 60.258)"/><path fill="url(#SVG8r9LOdNg)" d="m44.216 57.873l-.683.91s4.097 1.593 7.967 3.87c3.641 2.048 6.828 4.552 6.828 4.552l.455-.91s-3.186-2.504-6.828-4.553s-7.739-3.87-7.739-3.87" transform="translate(46.828 60.258)"/><path fill="url(#SVGmHRbzdTE)" d="m38.071 68.57l.455-.91l14.794 8.422l-.455.91z" transform="translate(46.828 60.258)"/><path fill="url(#SVGcYs6zcZB)" d="m32.608 78.358l.455-.91s3.642 2.73 7.511 4.78a93 93 0 0 0 7.284 3.64l-.455.684s-3.87-1.594-7.512-3.642c-3.869-2.049-7.283-4.552-7.283-4.552" transform="translate(46.828 60.258)"/><path fill="#73B9F1" d="M75.794 149.768c-1.138-.91-1.82-1.593-1.82-1.593l.454-.91s1.366 1.138 3.187 2.504z"/><path fill="url(#SVGGiwYisPm)" d="M20.09 110.45c.91.684 1.82 1.367 2.958 2.05c4.097 2.276 8.194 2.048 8.194 2.048l-.455.91s-4.097.228-8.194-2.048a19 19 0 0 1-3.87-2.96z" transform="translate(46.828 60.258)"/><path fill="url(#SVGkCkd0bkp)" d="m10.302 116.824l.455-.91s1.138 4.552 6.146 7.283c4.552 2.504 8.649 1.138 8.649 1.138l-.455.91s-3.642 1.594-8.65-1.137c-5.235-2.96-6.145-7.284-6.145-7.284" transform="translate(46.828 60.258)"/><path fill="url(#SVG8tvM8Ddr)" d="m4.612 126.611l.455-.91s.455 4.78 5.918 7.739c5.007 2.731 8.877.682 8.877.682l-.683.91s-3.414 2.505-8.877-.682c-5.69-3.186-5.69-7.739-5.69-7.739" transform="translate(46.828 60.258)"/><path fill="url(#SVGTipSUc6q)" d="M56.932 247.413L154.35 42.791l-24.582-11.608L28.253 243.999s3.187 1.594 7.284 3.414z" transform="translate(68.254)"/><path fill="url(#SVGIhBW2ctn)" d="m114.518 18.892l45.522 21.623v65.324C144.335 98.328 39.18 48.254 39.18 48.254s7.283-15.25 14.112-29.362z" transform="translate(68.254)"/><path fill="url(#SVGOZ9KTd5m)" d="M1.623 238.309c-.683 1.366-1.821 2.959-1.593 5.463c.227 9.332 15.477 17.98 24.354 17.98c6.146 0 8.194-2.503 10.47-7.055s-30.727-21.85-33.231-16.388" transform="translate(68.254)"/><path fill="url(#SVGNd33SNuw)" d="M106.552 44.612s23.444 5.69 25.264 7.283c1.821 1.594-2.958 10.698-3.869 12.064c-7.511 9.104-30.955 59.406-30.955 59.406l-21.623-12.29s19.347-35.963 26.175-48.71c4.325-8.649 5.008-17.753 5.008-17.753" transform="translate(68.254)"/><path fill="url(#SVGhI1UfbDF)" d="M160.723 32.776c4.097 2.959 9.56 2.276 13.884 1.593c2.96-.455-1.593 3.87-6.6 13.885c-5.008 10.014-4.78 10.697-5.463 10.014s-23.216-13.429-22.533-14.567c.91-1.138 4.552-25.947 6.373-25.264c6.6 1.593 7.738 9.56 14.34 14.339" transform="translate(68.254)"/><path fill="url(#SVGv8FZCbSW)" d="M125.671 60.772c1.593-2.504 8.877-17.981 20.485-17.981c5.235 0 15.25 13.201 16.16 15.022c.683 1.594-1.593 7.967-2.73 5.008c-1.367-3.414-7.057-10.698-13.202-10.698c-6.146 0-14.568 7.056-16.616 9.56c-2.049 2.276-5.69 1.593-4.097-.91" transform="translate(68.254)"/><path fill="url(#SVGpl5hwdxm)" d="M125.216 59.862c1.138-1.821 6.373-9.788 8.877-12.291c2.503-2.504 8.876-9.105 14.34-10.015c5.462-.91 11.152 10.242 9.331 12.518c-1.365 1.594-3.642-.227-6.373-2.503c-2.731-2.049-4.552-6.146-13.201.455c-2.96 2.276-5.918 4.097-12.747 13.884c-1.82 2.504-1.365-.227-.227-2.048" transform="translate(68.254)"/><path fill="url(#SVG3eiACbqM)" d="M96.992 126.324c.91-1.82 2.048-4.552-.455-6.6c-2.732-2.049-15.478-8.877-17.754-9.333s-4.097 0-5.007 1.594c-.91 1.593-70.787 121.316-72.153 124.73s-1.593 5.919.455 6.601s25.493 11.836 27.769 14.34s3.414-.228 4.324-1.593c4.325-5.463 61.683-127.918 62.821-129.739" transform="translate(68.254)"/><path fill="url(#SVGbCKMkcYv)" d="M126.809 59.407c1.138-1.594 3.87-6.146 7.284-10.243c2.276-2.731 14.567-8.65 17.298-18.209c1.593-5.235-.91-10.47-4.325-12.746C135.458 11.153 115.428 0 86.066 0C66.265 0 57.844 6.6 57.844 6.6h10.015l34.824 13.657l4.325 18.21s.455 6.145-1.593 13.2c-1.366 5.691-1.821 9.105-3.87 14.795c1.593.683 5.235-1.82 9.332-.682c3.642.91 5.918 5.918 8.422 2.959c4.324-5.69 5.69-6.829 7.511-9.332" transform="translate(68.254)"/><path fill="url(#SVGN8aeJbbE)" d="M106.324 45.295c-1.82-16.844-5.918-32.776-48.709-32.549c2.732-2.731 9.332-5.462 9.332-5.462L57.615 6.6s1.366-1.138 4.097-1.366c25.037-2.048 47.343 3.187 45.75 35.735c-.228 5.235-.683 7.511-1.138 4.325" transform="translate(68.254)"/><path fill="url(#SVGwREdSdsm)" d="M57.615 12.746c2.96-1.138 7.056-1.82 14.795-1.365c9.56.455 21.623 4.097 26.63 8.649c2.504 2.276 2.277.455-.455-2.504C91.53 9.332 80.832 7.511 66.947 7.284c-1.593-.228-6.828 2.73-9.332 5.462" transform="translate(68.254)"/><path fill="url(#SVG7wGcGbgK)" d="m175.063 34.37l12.518 6.372s-4.78 6.374-8.649 13.657c-4.097 7.739-6.828 16.16-6.828 16.16l-12.064-7.283s2.96-8.194 7.284-16.16c3.414-6.601 7.739-12.747 7.739-12.747" transform="translate(68.254)"/><path fill="#BFC0D0" d="M255.835 40.742c.91.456-2.048 7.512-6.373 15.706c-4.324 8.194-8.421 14.567-9.104 14.111c-.91-.455 2.048-7.51 6.373-15.705c4.097-8.194 8.194-14.567 9.104-14.112"/>
  </svg>
);

Other libraries

Xcode in 3 more libraries

Each library draws it its own way. Open one to compare.

SVG Logos

Icons that share its tags, in the same style.

All 2,063 icons

Search SVG Logos

Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.

Get Pro

Browse by tag

Xcode is tagged development, tool, app and 3 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

SVG Logos MCP, with Pro

Ask for Xcode or any of 2,063 SVG Logos icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billing

Billed once a year in USD. Cancel anytime.

How many people can use the license.
Client work, SaaS products and anything you charge for.
Production-ready React sections: hero, pricing, features, dashboards and more.
Complete multi-page sites you can ship as they are.
React icons from every major library, installable with one command.
Presets that restyle every block, in light and dark.
Lets your AI editor search, preview and install blocks for you.
Priority requests are answered first.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

Seats: 1 seat
Commercial use: Personal & open source only
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Basic usage
Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Seats: Unlimited seats
Commercial use: Included
Pro blocks: 6,000+ blocks
Templates: All 14 templates
React icons: 294k+ icons
Themes: All 59 themes
MCP server: Unlimited usage
Support: Priority

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

How many people can use the license.Seats: 1 seat
Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
Complete multi-page sites you can ship as they are.Templates: All 14 templates
React icons from every major library, installable with one command.React icons: 294k+ icons
Presets that restyle every block, in light and dark.Themes: All 59 themes
Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
Priority requests are answered first.Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

How many people can use the license.Seats: Unlimited seats
Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage

Secure checkout via Stripe
Code lives in your repo
Keep what you've shipped if you cancel
License terms

FAQ

Frequently asked questions

What the Xcode icon means and where it's used, then how to install, style and license it.

Install Xcode from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro

Xcode

Xcode in your framework

Xcode in 3 more libraries

More like it

Browse by tag

SVG Logos MCP, with Pro

Individual

Team

Organization

Individual

Team

Organization

Frequently asked questions

What does the Xcode icon mean?

Where is the Xcode icon used?

What does the Xcode icon tell users?

How do I install the Xcode icon with the shadcn CLI?

How do I use the Xcode icon in Next.js or React?

How do I use the Xcode icon in Vue, Svelte or Angular?

Can my AI agent install it for me?

How do I change the color of the Xcode icon?

How do I change the size of the Xcode icon?

How do I make the Xcode icon accessible?

Can I download the Xcode icon as SVG or PNG?

Can I use the Xcode icon in commercial projects?

Is the Xcode icon free?

Install Xcode from a prompt