Xcode
The Xcode icon represents a popular integrated development environment (IDE) used for building and managing Apple apps.
Exports at 23 × 24 px
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
More like it
Icons that share its tags, in the same style.
Search SVG Logos
Skip the copy and paste. With Pro, your AI agent finds and installs any SVG Logos icon from a prompt.
Get ProTags
Browse by tag
Xcode is tagged development, tool, app and 3 more. Related tags follow; each opens its icons from every library.
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.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- 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, label and license it.
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.
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.
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.
Xcode is one of 2,063 icons in SVG Logos, made by Gil Barbara and released under CC0. It is drawn on a 256 × 262 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds XcodeIcon to components/icons/logos-xcode.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
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. Only the icons you import reach your bundle. It works in Next.js and any React app.
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, and SVG and data URL copies are there for plain HTML and CSS.
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.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 256 × 262 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. The icon is a vector, so it needs no separate dark asset.
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.
Yes. XcodeIcon passes every SVG prop to the svg element, so <XcodeIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
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.
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.
No. CC0 gives the icons to the public domain, so no credit and no notice is required. Icons installed with the shadcn CLI still start with a comment naming SVG Logos, Gil Barbara and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
3 other libraries draw an icon called Xcode. The Other libraries section on this page shows each one, so you can compare them and open the one that fits your style.
Its tags are development, tool, app, apple, iOS and macos. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for Xcode in another set.
4.9 out of 5 from 150+ developers
Install Xcode from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro