xcode logo
xcode from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- xcode
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- 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 32 32"><path fill="currentColor" d="M26.667 6.401c.531-.265.803-.537 1.197-.537c.667 0 1.068.401 1.204.667c.265.401 1.197.667 1.599.667c.265 0 .667-.932.932-1.728c.265-.803.265-1.735.136-1.871c-.136-.129-1.204-.401-1.469-.401c-.129.136-.401.272-.932.272s-1.068-.401-1.469-.803C27.198 2 26.402 1.735 25.6 1.47c-.796-.272-1.735-.272-2.531-.272c-1.204-.129-2.537-.129-3.735.272a6.4 6.4 0 0 0-1.469.531c-.129.136-.531.265-.667.265c-.129.136-.129.265 0 .265c.136 0 .667-.129.667-.129s-.667.265-.667.531c0 .136.136.136.136.136s.401-.136.667-.136c.531 0 1.333-.265 2-.265c.803 0 1.599.265 2.401 1.068c1.197 1.463 1.068 3.333 1.068 3.735c-.272 2.796-6.537 19.864-6.803 21.061c-.265 1.204-.265 1.871 1.197 2.272c1.469.395 2 0 2.272-.537c.129-.932 4.129-22 6.531-23.864zm-5.198-1.333L0 8.401l3.469 22.265l11.463-1.864c-.129-.939 2.932-8.939 3.469-10.401l-5.871.932l.803-2.401l4.136-.667l1.061 1.333s.272-.667.272-.932l-5.735-7.068c-.265-.401-.265-.932.129-1.197l.272-.265c.395-.272.932-.272 1.197.129l5.068 5.871c1.068-3.204 2-6 2-6.939c.129-.265.129-1.197-.265-2.129zm-16 13.197l3.599-.667l-.932 2.401l-2.401.401zm7.728-6.796l.401.129c.537.136.667.667.537 1.204l-4 10.667l-2.401 3.197l.265-4l4-10.667c.136-.531.667-.667 1.197-.531zm14.402-3.734c-.531.531-1.197 2.265-2.531 7.333h.129l.401 2.129l-1.068.136c-.129.667-.265 1.333-.531 2.136c2.265 1.197 1.068 4.129.932 4.129c-.129 0-.129 0-.129-.129c0-.136.129-.537-.272-.667c-.265-.136-.796-.272-1.197-.537a113 113 0 0 0-1.197 5.469l8.395-1.333l-2.796-18.803z"/></svg>
React
import type { SVGProps } from "react";
export function CibXcode(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26.667 6.401c.531-.265.803-.537 1.197-.537c.667 0 1.068.401 1.204.667c.265.401 1.197.667 1.599.667c.265 0 .667-.932.932-1.728c.265-.803.265-1.735.136-1.871c-.136-.129-1.204-.401-1.469-.401c-.129.136-.401.272-.932.272s-1.068-.401-1.469-.803C27.198 2 26.402 1.735 25.6 1.47c-.796-.272-1.735-.272-2.531-.272c-1.204-.129-2.537-.129-3.735.272a6.4 6.4 0 0 0-1.469.531c-.129.136-.531.265-.667.265c-.129.136-.129.265 0 .265c.136 0 .667-.129.667-.129s-.667.265-.667.531c0 .136.136.136.136.136s.401-.136.667-.136c.531 0 1.333-.265 2-.265c.803 0 1.599.265 2.401 1.068c1.197 1.463 1.068 3.333 1.068 3.735c-.272 2.796-6.537 19.864-6.803 21.061c-.265 1.204-.265 1.871 1.197 2.272c1.469.395 2 0 2.272-.537c.129-.932 4.129-22 6.531-23.864zm-5.198-1.333L0 8.401l3.469 22.265l11.463-1.864c-.129-.939 2.932-8.939 3.469-10.401l-5.871.932l.803-2.401l4.136-.667l1.061 1.333s.272-.667.272-.932l-5.735-7.068c-.265-.401-.265-.932.129-1.197l.272-.265c.395-.272.932-.272 1.197.129l5.068 5.871c1.068-3.204 2-6 2-6.939c.129-.265.129-1.197-.265-2.129zm-16 13.197l3.599-.667l-.932 2.401l-2.401.401zm7.728-6.796l.401.129c.537.136.667.667.537 1.204l-4 10.667l-2.401 3.197l.265-4l4-10.667c.136-.531.667-.667 1.197-.531zm14.402-3.734c-.531.531-1.197 2.265-2.531 7.333h.129l.401 2.129l-1.068.136c-.129.667-.265 1.333-.531 2.136c2.265 1.197 1.068 4.129.932 4.129c-.129 0-.129 0-.129-.129c0-.136.129-.537-.272-.667c-.265-.136-.796-.272-1.197-.537a113 113 0 0 0-1.197 5.469l8.395-1.333l-2.796-18.803z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M26.667 6.401c.531-.265.803-.537 1.197-.537c.667 0 1.068.401 1.204.667c.265.401 1.197.667 1.599.667c.265 0 .667-.932.932-1.728c.265-.803.265-1.735.136-1.871c-.136-.129-1.204-.401-1.469-.401c-.129.136-.401.272-.932.272s-1.068-.401-1.469-.803C27.198 2 26.402 1.735 25.6 1.47c-.796-.272-1.735-.272-2.531-.272c-1.204-.129-2.537-.129-3.735.272a6.4 6.4 0 0 0-1.469.531c-.129.136-.531.265-.667.265c-.129.136-.129.265 0 .265c.136 0 .667-.129.667-.129s-.667.265-.667.531c0 .136.136.136.136.136s.401-.136.667-.136c.531 0 1.333-.265 2-.265c.803 0 1.599.265 2.401 1.068c1.197 1.463 1.068 3.333 1.068 3.735c-.272 2.796-6.537 19.864-6.803 21.061c-.265 1.204-.265 1.871 1.197 2.272c1.469.395 2 0 2.272-.537c.129-.932 4.129-22 6.531-23.864zm-5.198-1.333L0 8.401l3.469 22.265l11.463-1.864c-.129-.939 2.932-8.939 3.469-10.401l-5.871.932l.803-2.401l4.136-.667l1.061 1.333s.272-.667.272-.932l-5.735-7.068c-.265-.401-.265-.932.129-1.197l.272-.265c.395-.272.932-.272 1.197.129l5.068 5.871c1.068-3.204 2-6 2-6.939c.129-.265.129-1.197-.265-2.129zm-16 13.197l3.599-.667l-.932 2.401l-2.401.401zm7.728-6.796l.401.129c.537.136.667.667.537 1.204l-4 10.667l-2.401 3.197l.265-4l4-10.667c.136-.531.667-.667 1.197-.531zm14.402-3.734c-.531.531-1.197 2.265-2.531 7.333h.129l.401 2.129l-1.068.136c-.129.667-.265 1.333-.531 2.136c2.265 1.197 1.068 4.129.932 4.129c-.129 0-.129 0-.129-.129c0-.136.129-.537-.272-.667c-.265-.136-.796-.272-1.197-.537a113 113 0 0 0-1.197 5.469l8.395-1.333l-2.796-18.803z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.667%206.401c.531-.265.803-.537%201.197-.537c.667%200%201.068.401%201.204.667c.265.401%201.197.667%201.599.667c.265%200%20.667-.932.932-1.728c.265-.803.265-1.735.136-1.871c-.136-.129-1.204-.401-1.469-.401c-.129.136-.401.272-.932.272s-1.068-.401-1.469-.803C27.198%202%2026.402%201.735%2025.6%201.47c-.796-.272-1.735-.272-2.531-.272c-1.204-.129-2.537-.129-3.735.272a6.4%206.4%200%200%200-1.469.531c-.129.136-.531.265-.667.265c-.129.136-.129.265%200%20.265c.136%200%20.667-.129.667-.129s-.667.265-.667.531c0%20.136.136.136.136.136s.401-.136.667-.136c.531%200%201.333-.265%202-.265c.803%200%201.599.265%202.401%201.068c1.197%201.463%201.068%203.333%201.068%203.735c-.272%202.796-6.537%2019.864-6.803%2021.061c-.265%201.204-.265%201.871%201.197%202.272c1.469.395%202%200%202.272-.537c.129-.932%204.129-22%206.531-23.864zm-5.198-1.333L0%208.401l3.469%2022.265l11.463-1.864c-.129-.939%202.932-8.939%203.469-10.401l-5.871.932l.803-2.401l4.136-.667l1.061%201.333s.272-.667.272-.932l-5.735-7.068c-.265-.401-.265-.932.129-1.197l.272-.265c.395-.272.932-.272%201.197.129l5.068%205.871c1.068-3.204%202-6%202-6.939c.129-.265.129-1.197-.265-2.129zm-16%2013.197l3.599-.667l-.932%202.401l-2.401.401zm7.728-6.796l.401.129c.537.136.667.667.537%201.204l-4%2010.667l-2.401%203.197l.265-4l4-10.667c.136-.531.667-.667%201.197-.531zm14.402-3.734c-.531.531-1.197%202.265-2.531%207.333h.129l.401%202.129l-1.068.136c-.129.667-.265%201.333-.531%202.136c2.265%201.197%201.068%204.129.932%204.129c-.129%200-.129%200-.129-.129c0-.136.129-.537-.272-.667c-.265-.136-.796-.272-1.197-.537a113%20113%200%200%200-1.197%205.469l8.395-1.333l-2.796-18.803z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.667%206.401c.531-.265.803-.537%201.197-.537c.667%200%201.068.401%201.204.667c.265.401%201.197.667%201.599.667c.265%200%20.667-.932.932-1.728c.265-.803.265-1.735.136-1.871c-.136-.129-1.204-.401-1.469-.401c-.129.136-.401.272-.932.272s-1.068-.401-1.469-.803C27.198%202%2026.402%201.735%2025.6%201.47c-.796-.272-1.735-.272-2.531-.272c-1.204-.129-2.537-.129-3.735.272a6.4%206.4%200%200%200-1.469.531c-.129.136-.531.265-.667.265c-.129.136-.129.265%200%20.265c.136%200%20.667-.129.667-.129s-.667.265-.667.531c0%20.136.136.136.136.136s.401-.136.667-.136c.531%200%201.333-.265%202-.265c.803%200%201.599.265%202.401%201.068c1.197%201.463%201.068%203.333%201.068%203.735c-.272%202.796-6.537%2019.864-6.803%2021.061c-.265%201.204-.265%201.871%201.197%202.272c1.469.395%202%200%202.272-.537c.129-.932%204.129-22%206.531-23.864zm-5.198-1.333L0%208.401l3.469%2022.265l11.463-1.864c-.129-.939%202.932-8.939%203.469-10.401l-5.871.932l.803-2.401l4.136-.667l1.061%201.333s.272-.667.272-.932l-5.735-7.068c-.265-.401-.265-.932.129-1.197l.272-.265c.395-.272.932-.272%201.197.129l5.068%205.871c1.068-3.204%202-6%202-6.939c.129-.265.129-1.197-.265-2.129zm-16%2013.197l3.599-.667l-.932%202.401l-2.401.401zm7.728-6.796l.401.129c.537.136.667.667.537%201.204l-4%2010.667l-2.401%203.197l.265-4l4-10.667c.136-.531.667-.667%201.197-.531zm14.402-3.734c-.531.531-1.197%202.265-2.531%207.333h.129l.401%202.129l-1.068.136c-.129.667-.265%201.333-.531%202.136c2.265%201.197%201.068%204.129.932%204.129c-.129%200-.129%200-.129-.129c0-.136.129-.537-.272-.667c-.265-.136-.796-.272-1.197-.537a113%20113%200%200%200-1.197%205.469l8.395-1.333l-2.796-18.803z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/xcode.svg?color=%231a73e8&size=48
