Ícone Card Index
emojione-v1:card-index
O ícone Card Index (emojione-v1:card-index) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (v1)
- Autor
- Emoji One
- Licença
- CC-BY-SA-4.0
- Tamanho
- 64 × 64
- Categoria
- Objetos
- Tags
- cardindex
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#354a52" d="M2.757 47h57.835v16.659H2.757z"/><path fill="#d0d1d2" d="M51.904 52.16c0 2.371-2.113 4.29-4.728 4.29h-30.15c-2.608 0-4.728-1.919-4.728-4.29V13.489c0-2.37 2.12-4.291 4.728-4.291h30.15c2.614 0 4.728 1.92 4.728 4.291z"/><path fill="#e7e6e6" d="M51.904 49.14c0 2.369-2.113 4.29-4.728 4.29h-30.15c-2.608 0-4.728-1.921-4.728-4.29V10.464c0-2.368 2.12-4.289 4.728-4.289h30.15c2.614 0 4.728 1.92 4.728 4.289z"/><path fill="#35494d" d="M18.263 16.571h26.821c1.802 0 1.802-2.536 0-2.536H18.263c-1.802 0-1.802 2.536 0 2.536m0 5.146h26.821c1.802 0 1.802-2.532 0-2.532H18.263c-1.802 0-1.802 2.532 0 2.532m0 5.263h26.821c1.802 0 1.802-2.534 0-2.534H18.263c-1.802 0-1.802 2.534 0 2.534m0 5.15h26.821c1.802 0 1.802-2.536 0-2.536H18.263c-1.802 0-1.802 2.536 0 2.536m0 18.61h12.344c1.802 0 1.802-2.535 0-2.535H18.263c-1.802 0-1.802 2.535 0 2.535"/><path fill="#405967" d="M35.465 37.833c0 .283-1.405.517-3.139.517h-20.03c-1.736 0-3.142-.234-3.142-.517v-4.664c0-.286 1.406-.52 3.142-.52h20.03c1.734 0 3.139.234 3.139.52z"/><path fill="#d0d1d2" d="M24.619 34.982c0 .285-.244.519-.552.519h-3.519c-.306 0-.554-.234-.554-.519v-4.66c0-.287.249-.517.554-.517h3.519c.308 0 .552.23.552.517z"/><path fill="#405967" d="M28.347 37.833c0 .283 1.406.517 3.14.517h20.03c1.736 0 3.142-.234 3.142-.517v-4.664c0-.286-1.405-.52-3.142-.52h-20.03c-1.734 0-3.14.234-3.14.52z"/><path fill="#d0d1d2" d="M39.19 34.982c0 .285.246.519.554.519h3.521c.304 0 .552-.234.552-.519v-4.66c0-.287-.248-.517-.552-.517h-3.521c-.308 0-.554.23-.554.517z"/><path fill="#354a52" d="m18.521 36.31l-3.736-6.845c.008-.033.019-.064.019-.092a.26.26 0 0 0-.072-.175h-2.399v-6.945c0-.123-.045-.228-.092-.228H6.105c-.029 0-.054.024-.066.062v.006s-.004.002-.004.008a.35.35 0 0 0-.025.152v6.945H3.612a.25.25 0 0 0-.072.175c0 .018.008.039.012.059h-.011L-.216 36.31l3.757 6.877h2.448v13.344c0 .121.411 1.36.462 1.36h5.408c.049 0 .456-1.239.456-1.36V43.187h2.452l3.398-6.221l.355-.656m45.51 0l-3.736-6.845c.008-.033.016-.064.016-.092a.27.27 0 0 0-.069-.175h-2.4v-6.945c0-.123-.041-.228-.091-.228h-6.139c-.029 0-.052.024-.066.062v.006l-.004.008a.4.4 0 0 0-.022.152v6.945h-2.398a.26.26 0 0 0-.072.175c0 .018.009.039.011.059h-.011l-3.757 6.878l3.757 6.877h2.45v13.344c0 .121.408 1.36.46 1.36h5.408c.05 0 .458-1.239.458-1.36V43.187h2.449l3.4-6.221l.355-.656"/></svg>
Como usar o ícone Card Index
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:card-index" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:card-index" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:card-index" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--card-index]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:card-index"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:card-index"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/card-index.svg" alt="Ícone Card Index" width="24" height="24">
Ícones relacionados em Emoji One (v1)
O ícone Card Index em outras coleções
Perguntas frequentes sobre Ícone Card Index
O ícone Card Index é grátis para uso comercial?
Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Card Index no React?
Instale @iconify/react e renderize <Icon icon="emojione-v1:card-index" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Card Index a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-v1/card-index.svg" alt="Ícone Card Index">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Emoji One (v1) →
ICONYZ
