ICONYZ
Русский
Иконка Xcode из набора CoreUI Brands

Иконка Xcode

cib:xcode

Иконка Xcode (cib:xcode) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
CoreUI Brands
Автор
creativeLabs Łukasz Holeczek
Лицензия
CC0-1.0
Размер
32 × 32
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" 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>

Как использовать иконку Xcode

React

import { Icon } from "@iconify/react";

<Icon icon="cib:xcode" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cib:xcode" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cib:xcode" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--xcode]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:xcode"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cib:xcode"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/cib/xcode.svg" alt="Иконка Xcode" width="24" height="24">

Иконка Xcode в других наборах

Вопросы и ответы: Иконка Xcode

Можно ли бесплатно использовать иконку Xcode в коммерческих проектах?

Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Xcode в React?

Установите @iconify/react и выведите <Icon icon="cib:xcode" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Xcode на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/xcode.svg" alt="Иконка Xcode">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки CoreUI Brands →