Иконка Card Index
fluent-emoji-high-contrast:card-index
Иконка Card Index (fluent-emoji-high-contrast:card-index) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Предметы
- Теги
- cardindex
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M14.254 11H9.746A.74.74 0 0 1 9 10.262V4.738A.74.74 0 0 1 9.746 4h4.508a.74.74 0 0 1 .746.738v5.524a.753.753 0 0 1-.746.738m2.806-6.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5m0 4a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5m.5-2.5a.5.5 0 0 0 0 1h4.84a.5.5 0 0 0 0-1zm-.5 4.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5"/><path d="M6 3.367V9.98H3.68A2.675 2.675 0 0 0 1 12.65v4.15c0 1.247.848 2.293 2 2.593v7.467a4.124 4.124 0 0 0 4.12 4.12h17.76A4.124 4.124 0 0 0 29 26.86v-7.467c1.152-.3 2-1.346 2-2.593v-4.15a2.675 2.675 0 0 0-2.68-2.67H26V3.367C26 2.005 24.839 1 23.546 1H8.454C7.161 1 6 2.005 6 3.367M10 14v1H8.454C7.161 15 6 16.005 6 17.367v8.266C6 26.995 7.161 28 8.454 28h15.092C24.834 28 26 27.009 26 25.633v-8.266C26 16.005 24.839 15 23.546 15H22v-1h1.546c1.18 0 2.251-.838 2.428-2.02h2.346c.382 0 .68.306.68.67v4.15c0 .378-.302.68-.68.68H27v9.38c0 1.168-.952 2.12-2.12 2.12H7.12A2.124 2.124 0 0 1 5 26.86v-9.38H3.68A.677.677 0 0 1 3 16.8v-4.15c0-.364.298-.67.68-.67h2.346C6.203 13.162 7.274 14 8.454 14zm0-1H8.454C7.654 13 7 12.385 7 11.633V3.367C7 2.615 7.654 2 8.454 2h15.092c.8 0 1.454.615 1.454 1.367v8.266c0 .752-.654 1.367-1.454 1.367H22v-.28a.5.5 0 1 0-1 0V13H11v-.28a.5.5 0 1 0-1 0zm1 1h10v1H11zm10 2v.75a.5.5 0 0 0 1 0V16h1.546c.8 0 1.454.615 1.454 1.367v8.266c0 .762-.654 1.367-1.454 1.367H8.454C7.654 27 7 26.385 7 25.633v-8.266C7 16.615 7.654 16 8.454 16H10v.75a.5.5 0 0 0 1 0V16z"/></g></svg>
Как использовать иконку Card Index
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:card-index" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:card-index" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:card-index" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--card-index]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:card-index"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:card-index"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/card-index.svg" alt="Иконка Card Index" width="24" height="24">
Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Card Index в других наборах
Вопросы и ответы: Иконка Card Index
Можно ли бесплатно использовать иконку Card Index в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Card Index в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:card-index" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Card Index на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/card-index.svg" alt="Иконка Card Index">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
