card index dividers emoji

card-index-dividers from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.

Name
card-index-dividers
Set
Emoji One (Colored)
Style
Default
Category
Objects
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

card-index-dividersFluent Emojicard-index-dividersFluent Emoji Flatcard-index-dividersFluent Emoji High Contrastcard-index-dividersNoto Emojicard-index-dividersOpenMojicard-index-dividersTwitter Emoji

More objects icons from Emoji One (Colored)

alarm-clockalembicamphorabackpackbalance-scaleballot-box-with-ballotbar-chartbarber-polebathtubbatterybedbellhop-bellbikiniblack-nibblue-bookbombbookmarkbookmark-tabsbookscalendarcameracamera-with-flashcandlecard-file-box

Use the card index dividers emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="M63.4 24.7H47.7V59l16-32.4c.5-1 .4-1.8-.3-1.9"/><path fill="#aa7d5e" d="M60.8 21.3H45.1L47.7 59l13.4-35.8c.5-1 .3-1.8-.3-1.9"/><path fill="#d3976e" d="M56.1 17.9h-8.4V59l9.4-38.8c.3-1.3-.2-2.3-1-2.3"/><path fill="#f2bc97" d="M52.2 13h-8.4l3.9 46l5.4-43.7c.3-1.3-.1-2.3-.9-2.3"/><path fill="#ffce31" d="M45.8 11h-22V7.6C23.8 6.2 23 5 22 5H1.9C.8 5 0 6.2 0 7.6V59h47.7V13.6c0-1.5-.9-2.6-1.9-2.6"/><g fill="#fff"><circle cx="10.8" cy="54.7" r="2.5"/><path d="M23.9 52.2c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5"/><circle cx="36.9" cy="54.7" r="2.5"/></g></svg>

React

import type { SVGProps } from "react";

export function EmojioneCardIndexDividers(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="M63.4 24.7H47.7V59l16-32.4c.5-1 .4-1.8-.3-1.9"/><path fill="#aa7d5e" d="M60.8 21.3H45.1L47.7 59l13.4-35.8c.5-1 .3-1.8-.3-1.9"/><path fill="#d3976e" d="M56.1 17.9h-8.4V59l9.4-38.8c.3-1.3-.2-2.3-1-2.3"/><path fill="#f2bc97" d="M52.2 13h-8.4l3.9 46l5.4-43.7c.3-1.3-.1-2.3-.9-2.3"/><path fill="#ffce31" d="M45.8 11h-22V7.6C23.8 6.2 23 5 22 5H1.9C.8 5 0 6.2 0 7.6V59h47.7V13.6c0-1.5-.9-2.6-1.9-2.6"/><g fill="#fff"><circle cx="10.8" cy="54.7" r="2.5"/><path d="M23.9 52.2c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5"/><circle cx="36.9" cy="54.7" r="2.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#89664c" d="M63.4 24.7H47.7V59l16-32.4c.5-1 .4-1.8-.3-1.9"/><path fill="#aa7d5e" d="M60.8 21.3H45.1L47.7 59l13.4-35.8c.5-1 .3-1.8-.3-1.9"/><path fill="#d3976e" d="M56.1 17.9h-8.4V59l9.4-38.8c.3-1.3-.2-2.3-1-2.3"/><path fill="#f2bc97" d="M52.2 13h-8.4l3.9 46l5.4-43.7c.3-1.3-.1-2.3-.9-2.3"/><path fill="#ffce31" d="M45.8 11h-22V7.6C23.8 6.2 23 5 22 5H1.9C.8 5 0 6.2 0 7.6V59h47.7V13.6c0-1.5-.9-2.6-1.9-2.6"/><g fill="#fff"><circle cx="10.8" cy="54.7" r="2.5"/><path d="M23.9 52.2c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5"/><circle cx="36.9" cy="54.7" r="2.5"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M63.4%2024.7H47.7V59l16-32.4c.5-1%20.4-1.8-.3-1.9%22%2F%3E%3Cpath%20fill%3D%22%23aa7d5e%22%20d%3D%22M60.8%2021.3H45.1L47.7%2059l13.4-35.8c.5-1%20.3-1.8-.3-1.9%22%2F%3E%3Cpath%20fill%3D%22%23d3976e%22%20d%3D%22M56.1%2017.9h-8.4V59l9.4-38.8c.3-1.3-.2-2.3-1-2.3%22%2F%3E%3Cpath%20fill%3D%22%23f2bc97%22%20d%3D%22M52.2%2013h-8.4l3.9%2046l5.4-43.7c.3-1.3-.1-2.3-.9-2.3%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M45.8%2011h-22V7.6C23.8%206.2%2023%205%2022%205H1.9C.8%205%200%206.2%200%207.6V59h47.7V13.6c0-1.5-.9-2.6-1.9-2.6%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%2210.8%22%20cy%3D%2254.7%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M23.9%2052.2c-1.4%200-2.5%201.1-2.5%202.5s1.1%202.5%202.5%202.5s2.5-1.1%202.5-2.5s-1.1-2.5-2.5-2.5%22%2F%3E%3Ccircle%20cx%3D%2236.9%22%20cy%3D%2254.7%22%20r%3D%222.5%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%2064%2064%22%3E%3Cpath%20fill%3D%22%2389664c%22%20d%3D%22M63.4%2024.7H47.7V59l16-32.4c.5-1%20.4-1.8-.3-1.9%22%2F%3E%3Cpath%20fill%3D%22%23aa7d5e%22%20d%3D%22M60.8%2021.3H45.1L47.7%2059l13.4-35.8c.5-1%20.3-1.8-.3-1.9%22%2F%3E%3Cpath%20fill%3D%22%23d3976e%22%20d%3D%22M56.1%2017.9h-8.4V59l9.4-38.8c.3-1.3-.2-2.3-1-2.3%22%2F%3E%3Cpath%20fill%3D%22%23f2bc97%22%20d%3D%22M52.2%2013h-8.4l3.9%2046l5.4-43.7c.3-1.3-.1-2.3-.9-2.3%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M45.8%2011h-22V7.6C23.8%206.2%2023%205%2022%205H1.9C.8%205%200%206.2%200%207.6V59h47.7V13.6c0-1.5-.9-2.6-1.9-2.6%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%2210.8%22%20cy%3D%2254.7%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M23.9%2052.2c-1.4%200-2.5%201.1-2.5%202.5s1.1%202.5%202.5%202.5s2.5-1.1%202.5-2.5s-1.1-2.5-2.5-2.5%22%2F%3E%3Ccircle%20cx%3D%2236.9%22%20cy%3D%2254.7%22%20r%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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