ICONYZ
Русский
Иконка Card Index Dividers из набора Emoji One (v1)

Иконка Card Index Dividers

emojione-v1:card-index-dividers

Иконка Card Index Dividers (emojione-v1:card-index-dividers) — бесплатная SVG-иконка из набора Emoji One (v1) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Emoji One (v1)
Автор
Emoji One
Лицензия
CC-BY-SA-4.0
Размер
64 × 64
Категория
Предметы
Теги
cardindex, indexdividers, cardindexdividers, divider
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#bc7846" d="M61.35 30.762c1.952.509 3.075 2.686 2.506 4.872l-6.564 25.19c-.567 2.179-2.61 3.535-4.563 3.03l-31.895-8.313c-1.955-.511-3.077-2.691-2.509-4.87l6.564-25.19c.57-2.185 2.612-3.537 4.567-3.03l31.894 8.313"/><path fill="#ce864a" d="M57.46 25.776c2.144.252 3.649 2.392 3.367 4.789L57.57 58.189c-.282 2.389-2.246 4.125-4.391 3.871L18.2 57.938c-2.144-.254-3.651-2.398-3.37-4.787l3.257-27.625c.283-2.396 2.247-4.126 4.391-3.874z"/><path fill="#db9b61" d="M51.753 22.296c2.496 0 4.517 2.224 4.517 4.978v31.75c0 2.746-2.02 4.979-4.517 4.979H11.03c-2.496 0-4.517-2.229-4.517-4.979v-31.75c0-2.754 2.02-4.978 4.517-4.978z"/><g fill="#eabb8c"><path d="M48.564 22.296c2.498 0 4.521 2.224 4.521 4.978v31.75c0 2.746-2.02 4.979-4.521 4.979H7.841c-2.492 0-4.515-2.229-4.515-4.979v-31.75c0-2.754 2.02-4.978 4.515-4.978z"/><path d="M29.867 15.851c.842 0 1.524.75 1.524 1.679v10.709c0 .926-.682 1.679-1.524 1.679H16.13c-.841 0-1.523-.752-1.523-1.679V17.53c0-.929.682-1.679 1.523-1.679z"/></g><path fill="#405967" d="M35.11 63.65c0 .354-1.76.646-3.93.646H6.09c-2.174.001-3.934-.293-3.934-.646v-5.842c0-.357 1.76-.651 3.934-.651h25.09c2.17 0 3.93.294 3.93.651z"/><path fill="#d0d1d2" d="M13.607 60.08c0 .356-.306.649-.691.649H8.507c-.382 0-.694-.293-.694-.649v-5.838c0-.36.312-.647.694-.647h4.408c.386 0 .691.287.691.647z"/><path fill="#405967" d="M26.19 63.65c0 .354 1.76.646 3.931.646h25.09c2.176 0 3.938-.294 3.938-.646v-5.842c0-.357-1.762-.651-3.938-.651h-25.09c-2.172 0-3.932.294-3.932.651v5.842"/><path fill="#d0d1d2" d="M39.775 60.08c0 .356.308.649.692.649h4.412c.379 0 .688-.293.688-.649v-5.838c0-.36-.313-.647-.688-.647H40.47c-.389 0-.693.287-.693.647v5.838z"/></svg>

Как использовать иконку Card Index Dividers

React

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

<Icon icon="emojione-v1:card-index-dividers" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:card-index-dividers" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:card-index-dividers" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--card-index-dividers]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:card-index-dividers"></div>

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

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

<iconify-icon icon="emojione-v1:card-index-dividers"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/emojione-v1/card-index-dividers.svg" alt="Иконка Card Index Dividers" width="24" height="24">

Похожие иконки в наборе Emoji One (v1)

Иконка Card Index Dividers в других наборах

Вопросы и ответы: Иконка Card Index Dividers

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

Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Иконки Emoji One (v1) →