bread icon

bread-line from Remix Icon by Remix Design · Line · Food · Apache-2.0 Free for personal and commercial use.

Name: bread-line
Set: Remix Icon
Style: Line
Category: Food
Viewbox: 24×24
License: Apache 2.0

1 other variant in Remix Icon

The same icon in other sets

breadEmoji One (Colored)breadFluent Emoji breadFluent Emoji Flat breadFluent Emoji High Contrast breadFirefox OS Emoji breadIconPark breadIconPark Outline breadIconPark Solid breadIconPark TwoTone bread-fillMingCute Icon breadNoto Emoji breadOpenMoji breadPhosphor breadStreamline Emojis breadTabler Icons breadTDesign Icons breadTwitter Emoji

More food icons from Remix Icon

beer-fill bowl-fill cake-2-fill cake-3-fill cake-fill cup-fill drinks-2-fill drinks-fill goblet-2-fill goblet-broken-fill goblet-fill knife-blood-fill knife-fill restaurant-2-fill restaurant-fill

Use the bread icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 3a4 4 0 0 0-2 7.465V19a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-8.535A4 4 0 0 0 19 3zm2 17a1 1 0 0 1-1-1V9.122l-.667-.236A2.001 2.001 0 0 1 6 5h13a2 2 0 0 1 .667 3.886L19 9.122V19a1 1 0 0 1-1 1z"/></svg>

React

import type { SVGProps } from "react";

export function RiBreadLine(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 3a4 4 0 0 0-2 7.465V19a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-8.535A4 4 0 0 0 19 3zm2 17a1 1 0 0 1-1-1V9.122l-.667-.236A2.001 2.001 0 0 1 6 5h13a2 2 0 0 1 .667 3.886L19 9.122V19a1 1 0 0 1-1 1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 3a4 4 0 0 0-2 7.465V19a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-8.535A4 4 0 0 0 19 3zm2 17a1 1 0 0 1-1-1V9.122l-.667-.236A2.001 2.001 0 0 1 6 5h13a2 2 0 0 1 .667 3.886L19 9.122V19a1 1 0 0 1-1 1z"/></svg>
</template>

CSS

.icon-bread-line {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%203a4%204%200%200%200-2%207.465V19a3%203%200%200%200%203%203h12a3%203%200%200%200%203-3v-8.535A4%204%200%200%200%2019%203zm2%2017a1%201%200%200%201-1-1V9.122l-.667-.236A2.001%202.001%200%200%201%206%205h13a2%202%200%200%201%20.667%203.886L19%209.122V19a1%201%200%200%201-1%201z%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%203a4%204%200%200%200-2%207.465V19a3%203%200%200%200%203%203h12a3%203%200%200%200%203-3v-8.535A4%204%200%200%200%2019%203zm2%2017a1%201%200%200%201-1-1V9.122l-.667-.236A2.001%202.001%200%200%201%206%205h13a2%202%200%200%201%20.667%203.886L19%209.122V19a1%201%200%200%201-1%201z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/bread-line.svg?color=%231a73e8&size=48