Gentleface › Food & drink › croissant
croissant icon
croissantCroissant: croissant, pastry, pastries, baked goods. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M10.475 7.386C9.769 7.666 9.148 8.074 8.611 8.611C8.074 9.148 7.666 9.769 7.386 10.475C7.143 11.09 7.015 11.726 7.001 12.384L7.947 14.276C8.009 14.4 8.018 14.527 7.974 14.658C7.931 14.789 7.847 14.885 7.724 14.947C7.621 14.998 7.514 15.013 7.402 14.99C6.668 14.844 5.971 14.607 5.309 14.28C4.533 13.896 3.888 13.425 3.376 12.866C2.77 12.205 2.381 11.456 2.21 10.618C2.031 9.739 2.099 8.791 2.415 7.775C2.261 7.464 2.149 7.137 2.08 6.794C1.99 6.353 1.976 5.91 2.036 5.464C2.096 5.018 2.228 4.594 2.432 4.193C2.624 3.813 2.871 3.473 3.172 3.172C3.473 2.871 3.813 2.624 4.193 2.432C4.594 2.228 5.018 2.096 5.464 2.036C5.91 1.976 6.353 1.99 6.794 2.08C7.137 2.149 7.464 2.261 7.775 2.415C8.791 2.099 9.739 2.031 10.618 2.21C11.456 2.381 12.205 2.77 12.866 3.376C13.425 3.888 13.896 4.533 14.28 5.309C14.607 5.971 14.844 6.668 14.99 7.402C15.017 7.537 14.993 7.662 14.916 7.777C14.839 7.892 14.733 7.963 14.598 7.99C14.486 8.013 14.379 7.998 14.276 7.947L12.384 7.001C11.726 7.015 11.09 7.143 10.475 7.386ZM6.926 9.154C7.197 8.701 7.523 8.285 7.904 7.904C8.285 7.523 8.701 7.197 9.154 6.926L7.352 3.322C7.112 3.201 6.86 3.113 6.595 3.06C6.265 2.993 5.932 2.982 5.598 3.027C5.263 3.072 4.946 3.171 4.645 3.324C4.36 3.468 4.104 3.653 3.879 3.879C3.653 4.104 3.468 4.36 3.324 4.645C3.171 4.946 3.072 5.263 3.027 5.598C2.982 5.932 2.993 6.265 3.06 6.595C3.113 6.86 3.201 7.112 3.322 7.352L6.926 9.154ZM13.383 5.752C13.055 5.088 12.658 4.541 12.191 4.113C11.175 3.182 9.926 2.9 8.442 3.267L10.049 6.48C10.068 6.472 10.088 6.464 10.107 6.456C10.876 6.152 11.673 6 12.5 6C12.579 6 12.653 6.018 12.724 6.053L13.722 6.552C13.625 6.279 13.512 6.012 13.383 5.752ZM3.267 8.442C2.9 9.926 3.182 11.175 4.113 12.191C4.541 12.658 5.088 13.055 5.752 13.383C6.012 13.512 6.279 13.625 6.552 13.722L6.053 12.724C6.018 12.653 6 12.579 6 12.5C6 11.673 6.152 10.876 6.456 10.107C6.464 10.088 6.472 10.068 6.48 10.049L3.267 8.442Z"/></svg>
// Gentleface "croissant" (line-round), MIT. https://gentleface.com/icons/croissant
import type { SVGProps } from 'react';
export function CroissantIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M10.475 7.386C9.769 7.666 9.148 8.074 8.611 8.611C8.074 9.148 7.666 9.769 7.386 10.475C7.143 11.09 7.015 11.726 7.001 12.384L7.947 14.276C8.009 14.4 8.018 14.527 7.974 14.658C7.931 14.789 7.847 14.885 7.724 14.947C7.621 14.998 7.514 15.013 7.402 14.99C6.668 14.844 5.971 14.607 5.309 14.28C4.533 13.896 3.888 13.425 3.376 12.866C2.77 12.205 2.381 11.456 2.21 10.618C2.031 9.739 2.099 8.791 2.415 7.775C2.261 7.464 2.149 7.137 2.08 6.794C1.99 6.353 1.976 5.91 2.036 5.464C2.096 5.018 2.228 4.594 2.432 4.193C2.624 3.813 2.871 3.473 3.172 3.172C3.473 2.871 3.813 2.624 4.193 2.432C4.594 2.228 5.018 2.096 5.464 2.036C5.91 1.976 6.353 1.99 6.794 2.08C7.137 2.149 7.464 2.261 7.775 2.415C8.791 2.099 9.739 2.031 10.618 2.21C11.456 2.381 12.205 2.77 12.866 3.376C13.425 3.888 13.896 4.533 14.28 5.309C14.607 5.971 14.844 6.668 14.99 7.402C15.017 7.537 14.993 7.662 14.916 7.777C14.839 7.892 14.733 7.963 14.598 7.99C14.486 8.013 14.379 7.998 14.276 7.947L12.384 7.001C11.726 7.015 11.09 7.143 10.475 7.386ZM6.926 9.154C7.197 8.701 7.523 8.285 7.904 7.904C8.285 7.523 8.701 7.197 9.154 6.926L7.352 3.322C7.112 3.201 6.86 3.113 6.595 3.06C6.265 2.993 5.932 2.982 5.598 3.027C5.263 3.072 4.946 3.171 4.645 3.324C4.36 3.468 4.104 3.653 3.879 3.879C3.653 4.104 3.468 4.36 3.324 4.645C3.171 4.946 3.072 5.263 3.027 5.598C2.982 5.932 2.993 6.265 3.06 6.595C3.113 6.86 3.201 7.112 3.322 7.352L6.926 9.154ZM13.383 5.752C13.055 5.088 12.658 4.541 12.191 4.113C11.175 3.182 9.926 2.9 8.442 3.267L10.049 6.48C10.068 6.472 10.088 6.464 10.107 6.456C10.876 6.152 11.673 6 12.5 6C12.579 6 12.653 6.018 12.724 6.053L13.722 6.552C13.625 6.279 13.512 6.012 13.383 5.752ZM3.267 8.442C2.9 9.926 3.182 11.175 4.113 12.191C4.541 12.658 5.088 13.055 5.752 13.383C6.012 13.512 6.279 13.625 6.552 13.722L6.053 12.724C6.018 12.653 6 12.579 6 12.5C6 11.673 6.152 10.876 6.456 10.107C6.464 10.088 6.472 10.068 6.48 10.049L3.267 8.442Z" />
</svg>
);
}Vue: see /icons/croissant.md
Svelte: see /icons/croissant.md
HTML img: see /icons/croissant.md
CSS: see /icons/croissant.md
Data URL: see /icons/croissant.md
Sprite: see /icons/croissant.md
SwiftUI: see /icons/croissant.md
Compose: see /icons/croissant.md
Android XML: see /icons/croissant.md
Flutter: see /icons/croissant.md
Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
With npm: import { CroissantIcon } from '@gentleface/react'; (setup).
Meaning
- Use it for
- croissant, pastry, pastries, baked goods, bakery dining
- Alternatives
bread: bread or a bakery
- Also fits
- bread: pastry
- breakfast: pastries or a continental breakfast
- Tags
- croissant, pastry, bakery, breakfast, french, viennoiserie, brunch, cafe, patisserie, food
- Category
- Food & drink
- Component name
CroissantIcon- History
- released in 0.2.0
- added
- Since
- version 0.2.0
More food & drink icons
apple avocado banana barrel bean bean-off beef beer bottle bowl bowl-chopsticks bread broccoli burger cake cake-slice · all food & drink icons
For agents
Metadata: /icons/croissant.json · Markdown: /icons/croissant.md · SVG: https://gentleface.com/svg/{style}/16/croissant.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/croissant.png