corn icon
corn from TDesign Icons by TDesign · Outline · MIT Free for personal and commercial use.
- Name
- corn
- Set
- TDesign Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
Use the corn icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M20 9c1.289-1.609 3.076-4.341 1.219-6.209C19.355.917 16.612 2.711 15 4L9.622 8.252c.707 2.083.576 4.887-.622 6.748c1.854-1.194 4.645-1.328 6.723-.63z"/><path d="M14 18.5c3-2.25 4.5-2.5 4.5-2.5s-1.053-1.053-2.777-1.63c-2.078-.698-4.87-.563-6.723.63c1.198-1.86 1.329-4.664.622-6.748C9.042 6.542 8 5.5 8 5.5S7.75 7 5.5 10C4 12-.4 16.8 4 20c3.2 4.4 8 0 10-1.5"/><path stroke="currentColor" stroke-width="2" d="M9 15c1.198-1.86 1.33-4.664.622-6.748L15 4M9 15c1.854-1.194 4.645-1.328 6.723-.63L20 9M9 15L21.219 2.791m0 0C23.076 4.66 21.289 7.391 20 9m1.219-6.209C19.355.917 16.612 2.711 15 4m5 5l-5-5m2.35 8.327l-5.687-5.692"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M4 20c3.2 4.4 8 0 10-1.5c3-2.25 4.5-2.5 4.5-2.5s-1.053-1.053-2.777-1.63c-2.078-.698-4.87-.563-6.723.63m-5 5l5-5m-5 5c-4.4-3.2 0-8 1.5-10C7.75 7 8 5.5 8 5.5s1.043 1.043 1.622 2.752c.707 2.083.576 4.887-.622 6.748"/></g></svg>
React
import type { SVGProps } from "react";
export function TdesignCorn(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="M20 9c1.289-1.609 3.076-4.341 1.219-6.209C19.355.917 16.612 2.711 15 4L9.622 8.252c.707 2.083.576 4.887-.622 6.748c1.854-1.194 4.645-1.328 6.723-.63z"/><path d="M14 18.5c3-2.25 4.5-2.5 4.5-2.5s-1.053-1.053-2.777-1.63c-2.078-.698-4.87-.563-6.723.63c1.198-1.86 1.329-4.664.622-6.748C9.042 6.542 8 5.5 8 5.5S7.75 7 5.5 10C4 12-.4 16.8 4 20c3.2 4.4 8 0 10-1.5"/><path stroke="currentColor" strokeWidth="2" d="M9 15c1.198-1.86 1.33-4.664.622-6.748L15 4M9 15c1.854-1.194 4.645-1.328 6.723-.63L20 9M9 15L21.219 2.791m0 0C23.076 4.66 21.289 7.391 20 9m1.219-6.209C19.355.917 16.612 2.711 15 4m5 5l-5-5m2.35 8.327l-5.687-5.692"/><path stroke="currentColor" strokeLinecap="square" strokeWidth="2" d="M4 20c3.2 4.4 8 0 10-1.5c3-2.25 4.5-2.5 4.5-2.5s-1.053-1.053-2.777-1.63c-2.078-.698-4.87-.563-6.723.63m-5 5l5-5m-5 5c-4.4-3.2 0-8 1.5-10C7.75 7 8 5.5 8 5.5s1.043 1.043 1.622 2.752c.707 2.083.576 4.887-.622 6.748"/></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="M20 9c1.289-1.609 3.076-4.341 1.219-6.209C19.355.917 16.612 2.711 15 4L9.622 8.252c.707 2.083.576 4.887-.622 6.748c1.854-1.194 4.645-1.328 6.723-.63z"/><path d="M14 18.5c3-2.25 4.5-2.5 4.5-2.5s-1.053-1.053-2.777-1.63c-2.078-.698-4.87-.563-6.723.63c1.198-1.86 1.329-4.664.622-6.748C9.042 6.542 8 5.5 8 5.5S7.75 7 5.5 10C4 12-.4 16.8 4 20c3.2 4.4 8 0 10-1.5"/><path stroke="currentColor" stroke-width="2" d="M9 15c1.198-1.86 1.33-4.664.622-6.748L15 4M9 15c1.854-1.194 4.645-1.328 6.723-.63L20 9M9 15L21.219 2.791m0 0C23.076 4.66 21.289 7.391 20 9m1.219-6.209C19.355.917 16.612 2.711 15 4m5 5l-5-5m2.35 8.327l-5.687-5.692"/><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M4 20c3.2 4.4 8 0 10-1.5c3-2.25 4.5-2.5 4.5-2.5s-1.053-1.053-2.777-1.63c-2.078-.698-4.87-.563-6.723.63m-5 5l5-5m-5 5c-4.4-3.2 0-8 1.5-10C7.75 7 8 5.5 8 5.5s1.043 1.043 1.622 2.752c.707 2.083.576 4.887-.622 6.748"/></g></svg> </template>
CSS
.icon-corn {
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%22M20%209c1.289-1.609%203.076-4.341%201.219-6.209C19.355.917%2016.612%202.711%2015%204L9.622%208.252c.707%202.083.576%204.887-.622%206.748c1.854-1.194%204.645-1.328%206.723-.63z%22%2F%3E%3Cpath%20d%3D%22M14%2018.5c3-2.25%204.5-2.5%204.5-2.5s-1.053-1.053-2.777-1.63c-2.078-.698-4.87-.563-6.723.63c1.198-1.86%201.329-4.664.622-6.748C9.042%206.542%208%205.5%208%205.5S7.75%207%205.5%2010C4%2012-.4%2016.8%204%2020c3.2%204.4%208%200%2010-1.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M9%2015c1.198-1.86%201.33-4.664.622-6.748L15%204M9%2015c1.854-1.194%204.645-1.328%206.723-.63L20%209M9%2015L21.219%202.791m0%200C23.076%204.66%2021.289%207.391%2020%209m1.219-6.209C19.355.917%2016.612%202.711%2015%204m5%205l-5-5m2.35%208.327l-5.687-5.692%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M4%2020c3.2%204.4%208%200%2010-1.5c3-2.25%204.5-2.5%204.5-2.5s-1.053-1.053-2.777-1.63c-2.078-.698-4.87-.563-6.723.63m-5%205l5-5m-5%205c-4.4-3.2%200-8%201.5-10C7.75%207%208%205.5%208%205.5s1.043%201.043%201.622%202.752c.707%202.083.576%204.887-.622%206.748%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%22M20%209c1.289-1.609%203.076-4.341%201.219-6.209C19.355.917%2016.612%202.711%2015%204L9.622%208.252c.707%202.083.576%204.887-.622%206.748c1.854-1.194%204.645-1.328%206.723-.63z%22%2F%3E%3Cpath%20d%3D%22M14%2018.5c3-2.25%204.5-2.5%204.5-2.5s-1.053-1.053-2.777-1.63c-2.078-.698-4.87-.563-6.723.63c1.198-1.86%201.329-4.664.622-6.748C9.042%206.542%208%205.5%208%205.5S7.75%207%205.5%2010C4%2012-.4%2016.8%204%2020c3.2%204.4%208%200%2010-1.5%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20d%3D%22M9%2015c1.198-1.86%201.33-4.664.622-6.748L15%204M9%2015c1.854-1.194%204.645-1.328%206.723-.63L20%209M9%2015L21.219%202.791m0%200C23.076%204.66%2021.289%207.391%2020%209m1.219-6.209C19.355.917%2016.612%202.711%2015%204m5%205l-5-5m2.35%208.327l-5.687-5.692%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20d%3D%22M4%2020c3.2%204.4%208%200%2010-1.5c3-2.25%204.5-2.5%204.5-2.5s-1.053-1.053-2.777-1.63c-2.078-.698-4.87-.563-6.723.63m-5%205l5-5m-5%205c-4.4-3.2%200-8%201.5-10C7.75%207%208%205.5%208%205.5s1.043%201.043%201.622%202.752c.707%202.083.576%204.887-.622%206.748%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/corn.svg?color=%231a73e8&size=48
