bread icon

bread from TDesign Icons by TDesign · Outline · MIT Free for personal and commercial use.

Name: bread
Set: TDesign Icons
Style: Outline
Viewbox: 24×24
License: MIT

1 other variant in TDesign Icons

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 bread-fillRemix Icon breadStreamline Emojis breadTabler Icons breadTwitter Emoji

Use the bread icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M13.188 4.683c-.723-.723-.815-1.012.594-1.528c3.933-1.44 8.42 2.84 7.39 6.9c-.598 2.357-2.214 4.812-4.208 6.889c-2.077 1.994-4.532 3.61-6.89 4.209c-4.06 1.03-8.34-3.458-6.899-7.39c.516-1.41.805-1.318 1.527-.595c-2.278-2.278 1.624-6.862 3.776-4.71c-2.152-2.152 2.431-6.054 4.71-3.775"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="m13.188 4.683l3.068 3.069m-3.068-3.07c-.723-.722-.815-1.01.593-1.527c3.934-1.44 8.422 2.84 7.391 6.9c-.598 2.357-2.214 4.812-4.209 6.889c-2.076 1.994-4.531 3.61-6.889 4.209c-4.06 1.03-8.34-3.458-6.899-7.391c.516-1.408.804-1.317 1.527-.594m8.486-8.485c-2.28-2.279-6.862 1.623-4.71 3.776m0 0l3.536 3.535M8.478 8.46c-2.152-2.153-6.054 2.43-3.776 4.709m0 0l3.07 3.069"/></g></svg>

React

import type { SVGProps } from "react";

export function TdesignBread(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M13.188 4.683c-.723-.723-.815-1.012.594-1.528c3.933-1.44 8.42 2.84 7.39 6.9c-.598 2.357-2.214 4.812-4.208 6.889c-2.077 1.994-4.532 3.61-6.89 4.209c-4.06 1.03-8.34-3.458-6.899-7.39c.516-1.41.805-1.318 1.527-.595c-2.278-2.278 1.624-6.862 3.776-4.71c-2.152-2.152 2.431-6.054 4.71-3.775"/><path stroke="currentColor" strokeLinecap="square" strokeWidth="2" d="m13.188 4.683l3.068 3.069m-3.068-3.07c-.723-.722-.815-1.01.593-1.527c3.934-1.44 8.422 2.84 7.391 6.9c-.598 2.357-2.214 4.812-4.209 6.889c-2.076 1.994-4.531 3.61-6.889 4.209c-4.06 1.03-8.34-3.458-6.899-7.391c.516-1.408.804-1.317 1.527-.594m8.486-8.485c-2.28-2.279-6.862 1.623-4.71 3.776m0 0l3.536 3.535M8.478 8.46c-2.152-2.153-6.054 2.43-3.776 4.709m0 0l3.07 3.069"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M13.188 4.683c-.723-.723-.815-1.012.594-1.528c3.933-1.44 8.42 2.84 7.39 6.9c-.598 2.357-2.214 4.812-4.208 6.889c-2.077 1.994-4.532 3.61-6.89 4.209c-4.06 1.03-8.34-3.458-6.899-7.39c.516-1.41.805-1.318 1.527-.595c-2.278-2.278 1.624-6.862 3.776-4.71c-2.152-2.152 2.431-6.054 4.71-3.775"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="m13.188 4.683l3.068 3.069m-3.068-3.07c-.723-.722-.815-1.01.593-1.527c3.934-1.44 8.422 2.84 7.391 6.9c-.598 2.357-2.214 4.812-4.209 6.889c-2.076 1.994-4.531 3.61-6.889 4.209c-4.06 1.03-8.34-3.458-6.899-7.391c.516-1.408.804-1.317 1.527-.594m8.486-8.485c-2.28-2.279-6.862 1.623-4.71 3.776m0 0l3.536 3.535M8.478 8.46c-2.152-2.153-6.054 2.43-3.776 4.709m0 0l3.07 3.069"/></g></svg>
</template>

CSS

.icon-bread {
  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%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13.188%204.683c-.723-.723-.815-1.012.594-1.528c3.933-1.44%208.42%202.84%207.39%206.9c-.598%202.357-2.214%204.812-4.208%206.889c-2.077%201.994-4.532%203.61-6.89%204.209c-4.06%201.03-8.34-3.458-6.899-7.39c.516-1.41.805-1.318%201.527-.595c-2.278-2.278%201.624-6.862%203.776-4.71c-2.152-2.152%202.431-6.054%204.71-3.775%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22m13.188%204.683l3.068%203.069m-3.068-3.07c-.723-.722-.815-1.01.593-1.527c3.934-1.44%208.422%202.84%207.391%206.9c-.598%202.357-2.214%204.812-4.209%206.889c-2.076%201.994-4.531%203.61-6.889%204.209c-4.06%201.03-8.34-3.458-6.899-7.391c.516-1.408.804-1.317%201.527-.594m8.486-8.485c-2.28-2.279-6.862%201.623-4.71%203.776m0%200l3.536%203.535M8.478%208.46c-2.152-2.153-6.054%202.43-3.776%204.709m0%200l3.07%203.069%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M13.188%204.683c-.723-.723-.815-1.012.594-1.528c3.933-1.44%208.42%202.84%207.39%206.9c-.598%202.357-2.214%204.812-4.208%206.889c-2.077%201.994-4.532%203.61-6.89%204.209c-4.06%201.03-8.34-3.458-6.899-7.39c.516-1.41.805-1.318%201.527-.595c-2.278-2.278%201.624-6.862%203.776-4.71c-2.152-2.152%202.431-6.054%204.71-3.775%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22m13.188%204.683l3.068%203.069m-3.068-3.07c-.723-.722-.815-1.01.593-1.527c3.934-1.44%208.422%202.84%207.391%206.9c-.598%202.357-2.214%204.812-4.209%206.889c-2.076%201.994-4.531%203.61-6.889%204.209c-4.06%201.03-8.34-3.458-6.899-7.391c.516-1.408.804-1.317%201.527-.594m8.486-8.485c-2.28-2.279-6.862%201.623-4.71%203.776m0%200l3.536%203.535M8.478%208.46c-2.152-2.153-6.054%202.43-3.776%204.709m0%200l3.07%203.069%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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