card index dividers emoji

card-index-dividers from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.

Name: card-index-dividers
Set: OpenMoji
Style: Default
Category: Objects
Viewbox: 72×72
License: CC BY-SA 4.0

The same emoji in other sets

card-index-dividersEmoji One (Colored)card-index-dividersFluent Emoji card-index-dividersFluent Emoji Flat card-index-dividersFluent Emoji High Contrast card-index-dividersNoto Emoji card-index-dividersTwitter Emoji

More objects icons from OpenMoji

Use the card index dividers emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M11 21h50v36H11z"/><path fill="#f1b31c" d="M11 21h50v4H11zm0 4h50v4H11z"/><path fill="#b1cc33" d="M17.565 16h5.87A1.565 1.565 0 0 1 25 17.565V21h-9v-3.435A1.565 1.565 0 0 1 17.565 16"/><path fill="#ea5a47" d="M30.565 20h5.87A1.565 1.565 0 0 1 38 21.565V25h-9v-3.435A1.565 1.565 0 0 1 30.565 20"/><path fill="#92d3f5" d="M19.565 24h5.87A1.565 1.565 0 0 1 27 25.565V29h-9v-3.435A1.565 1.565 0 0 1 19.565 24"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M11 29h50m-34.107-4H61m-50 0h7.108M29 21H11v36h50V21H37.893m-20.328-5h5.87A1.565 1.565 0 0 1 25 17.565V21h0h-9h0v-3.435A1.565 1.565 0 0 1 17.565 16"/><path d="M30.565 20h5.87A1.565 1.565 0 0 1 38 21.565V25h0h-9h0v-3.435A1.565 1.565 0 0 1 30.565 20m-11 4h5.87A1.565 1.565 0 0 1 27 25.565V29h0h-9h0v-3.435A1.565 1.565 0 0 1 19.565 24"/></g></svg>

React

import type { SVGProps } from "react";

export function OpenmojiCardIndexDividers(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M11 21h50v36H11z"/><path fill="#f1b31c" d="M11 21h50v4H11zm0 4h50v4H11z"/><path fill="#b1cc33" d="M17.565 16h5.87A1.565 1.565 0 0 1 25 17.565V21h-9v-3.435A1.565 1.565 0 0 1 17.565 16"/><path fill="#ea5a47" d="M30.565 20h5.87A1.565 1.565 0 0 1 38 21.565V25h-9v-3.435A1.565 1.565 0 0 1 30.565 20"/><path fill="#92d3f5" d="M19.565 24h5.87A1.565 1.565 0 0 1 27 25.565V29h-9v-3.435A1.565 1.565 0 0 1 19.565 24"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M11 29h50m-34.107-4H61m-50 0h7.108M29 21H11v36h50V21H37.893m-20.328-5h5.87A1.565 1.565 0 0 1 25 17.565V21h0h-9h0v-3.435A1.565 1.565 0 0 1 17.565 16"/><path d="M30.565 20h5.87A1.565 1.565 0 0 1 38 21.565V25h0h-9h0v-3.435A1.565 1.565 0 0 1 30.565 20m-11 4h5.87A1.565 1.565 0 0 1 27 25.565V29h0h-9h0v-3.435A1.565 1.565 0 0 1 19.565 24"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M11 21h50v36H11z"/><path fill="#f1b31c" d="M11 21h50v4H11zm0 4h50v4H11z"/><path fill="#b1cc33" d="M17.565 16h5.87A1.565 1.565 0 0 1 25 17.565V21h-9v-3.435A1.565 1.565 0 0 1 17.565 16"/><path fill="#ea5a47" d="M30.565 20h5.87A1.565 1.565 0 0 1 38 21.565V25h-9v-3.435A1.565 1.565 0 0 1 30.565 20"/><path fill="#92d3f5" d="M19.565 24h5.87A1.565 1.565 0 0 1 27 25.565V29h-9v-3.435A1.565 1.565 0 0 1 19.565 24"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M11 29h50m-34.107-4H61m-50 0h7.108M29 21H11v36h50V21H37.893m-20.328-5h5.87A1.565 1.565 0 0 1 25 17.565V21h0h-9h0v-3.435A1.565 1.565 0 0 1 17.565 16"/><path d="M30.565 20h5.87A1.565 1.565 0 0 1 38 21.565V25h0h-9h0v-3.435A1.565 1.565 0 0 1 30.565 20m-11 4h5.87A1.565 1.565 0 0 1 27 25.565V29h0h-9h0v-3.435A1.565 1.565 0 0 1 19.565 24"/></g></svg>
</template>

CSS

.icon-card-index-dividers {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M11%2021h50v36H11z%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20d%3D%22M11%2021h50v4H11zm0%204h50v4H11z%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M17.565%2016h5.87A1.565%201.565%200%200%201%2025%2017.565V21h-9v-3.435A1.565%201.565%200%200%201%2017.565%2016%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M30.565%2020h5.87A1.565%201.565%200%200%201%2038%2021.565V25h-9v-3.435A1.565%201.565%200%200%201%2030.565%2020%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M19.565%2024h5.87A1.565%201.565%200%200%201%2027%2025.565V29h-9v-3.435A1.565%201.565%200%200%201%2019.565%2024%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M11%2029h50m-34.107-4H61m-50%200h7.108M29%2021H11v36h50V21H37.893m-20.328-5h5.87A1.565%201.565%200%200%201%2025%2017.565V21h0h-9h0v-3.435A1.565%201.565%200%200%201%2017.565%2016%22%2F%3E%3Cpath%20d%3D%22M30.565%2020h5.87A1.565%201.565%200%200%201%2038%2021.565V25h0h-9h0v-3.435A1.565%201.565%200%200%201%2030.565%2020m-11%204h5.87A1.565%201.565%200%200%201%2027%2025.565V29h0h-9h0v-3.435A1.565%201.565%200%200%201%2019.565%2024%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M11%2021h50v36H11z%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20d%3D%22M11%2021h50v4H11zm0%204h50v4H11z%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M17.565%2016h5.87A1.565%201.565%200%200%201%2025%2017.565V21h-9v-3.435A1.565%201.565%200%200%201%2017.565%2016%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M30.565%2020h5.87A1.565%201.565%200%200%201%2038%2021.565V25h-9v-3.435A1.565%201.565%200%200%201%2030.565%2020%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M19.565%2024h5.87A1.565%201.565%200%200%201%2027%2025.565V29h-9v-3.435A1.565%201.565%200%200%201%2019.565%2024%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M11%2029h50m-34.107-4H61m-50%200h7.108M29%2021H11v36h50V21H37.893m-20.328-5h5.87A1.565%201.565%200%200%201%2025%2017.565V21h0h-9h0v-3.435A1.565%201.565%200%200%201%2017.565%2016%22%2F%3E%3Cpath%20d%3D%22M30.565%2020h5.87A1.565%201.565%200%200%201%2038%2021.565V25h0h-9h0v-3.435A1.565%201.565%200%200%201%2030.565%2020m-11%204h5.87A1.565%201.565%200%200%201%2027%2025.565V29h0h-9h0v-3.435A1.565%201.565%200%200%201%2019.565%2024%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/card-index-dividers.svg?color=%231a73e8&size=48