Иконка Adobe Xd
cib:adobe-xd
Иконка Adobe Xd (cib:adobe-xd) — бесплатная 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
- Теги
- adobexd
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M26.333.401H5.666A5.66 5.66 0 0 0-.001 6.068v19.864a5.66 5.66 0 0 0 5.667 5.667h20.667A5.66 5.66 0 0 0 32 25.932V6.068A5.66 5.66 0 0 0 26.333.401m4.318 25.011a4.825 4.825 0 0 1-4.823 4.853H6.172a4.846 4.846 0 0 1-4.839-4.839V6.573a4.846 4.846 0 0 1 4.839-4.839h19.64a4.84 4.84 0 0 1 4.839 4.839zM12.651 15l3.735 7.172c.068.109.027.213-.079.213h-2.323c-.145 0-.213-.036-.276-.172c-.853-1.76-1.724-3.52-2.615-5.411h-.025a211 211 0 0 1-2.537 5.427c-.061.104-.129.145-.239.145H6.093c-.135 0-.145-.109-.077-.187l3.651-6.959l-3.531-7.041c-.084-.109 0-.188.077-.188h2.292c.135 0 .188.027.24.145a273 273 0 0 1 2.495 5.349h.025c.776-1.76 1.631-3.588 2.453-5.333c.068-.109.109-.177.24-.177h2.145c.109 0 .151.084.084.188zm4.39 2.172c0-3.104 2.063-5.532 5.344-5.532c.281 0 .427 0 .693.027V8.136c0-.084.067-.136.135-.136h2.104c.109 0 .136.041.136.104v12.245c0 .359 0 .812.068 1.301c0 .084-.027.109-.109.152a8 8 0 0 1-3.412.771c-2.896.015-4.959-1.771-4.959-5.401m6.038-3.412a2.1 2.1 0 0 0-.772-.135c-1.681 0-2.853 1.296-2.853 3.443c0 2.453 1.197 3.437 2.708 3.437c.317 0 .667-.036.917-.145z"/></svg>
Как использовать иконку Adobe Xd
React
import { Icon } from "@iconify/react";
<Icon icon="cib:adobe-xd" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:adobe-xd" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:adobe-xd" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--adobe-xd]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:adobe-xd"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:adobe-xd"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/cib/adobe-xd.svg" alt="Иконка Adobe Xd" width="24" height="24">
Похожие иконки в наборе CoreUI Brands
Иконка Adobe Xd в других наборах
Вопросы и ответы: Иконка Adobe Xd
Можно ли бесплатно использовать иконку Adobe Xd в коммерческих проектах?
Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Adobe Xd в React?
Установите @iconify/react и выведите <Icon icon="cib:adobe-xd" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Adobe Xd на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/adobe-xd.svg" alt="Иконка Adobe Xd">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки CoreUI Brands →
ICONYZ
