french fries 01 icon
french-fries-01 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- french-fries-01
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the french fries 01 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M5.565 10.023c-.278-2.2.425-2.277.773-2.005c5.864 3.466 9.012 3.292 10.353 3.686c1.074.315.786 1.244.437 1.605l-5.47 6.48c-.906 1.074-2.1 2.796-3.277 2.029c-.504-.328-.788-1.032-.883-1.575c-.554-2.493-1.655-8.02-1.933-10.22"/><path stroke-linejoin="round" d="m16.021 11.57l2.416-3.88c.272-.666-.332-1.727-2.416-1.09l-2.537 3.97m2.308-3.854V5.325c0-.36-.071-.73-.296-1.01c-.35-.436-.94-.7-2.238.461m-.17 5.545v-7.1c-.333-.548-1.199-1.54-1.998-1.123c-.8.417-.72 1.123-.72 1.444v1.26m0 0v2.19m0-2.19c-.417-.452-1.623-1.26-2.343-.63c-.611.533-.35 2.82-.35 4.153"/><path d="M7.467 18.03a2.527 2.527 0 0 0 2.522-2.531a2.527 2.527 0 0 0-2.522-2.532c-.433 0-.841.11-1.197.303"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsFrenchFries01(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" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="M5.565 10.023c-.278-2.2.425-2.277.773-2.005c5.864 3.466 9.012 3.292 10.353 3.686c1.074.315.786 1.244.437 1.605l-5.47 6.48c-.906 1.074-2.1 2.796-3.277 2.029c-.504-.328-.788-1.032-.883-1.575c-.554-2.493-1.655-8.02-1.933-10.22"/><path strokeLinejoin="round" d="m16.021 11.57l2.416-3.88c.272-.666-.332-1.727-2.416-1.09l-2.537 3.97m2.308-3.854V5.325c0-.36-.071-.73-.296-1.01c-.35-.436-.94-.7-2.238.461m-.17 5.545v-7.1c-.333-.548-1.199-1.54-1.998-1.123c-.8.417-.72 1.123-.72 1.444v1.26m0 0v2.19m0-2.19c-.417-.452-1.623-1.26-2.343-.63c-.611.533-.35 2.82-.35 4.153"/><path d="M7.467 18.03a2.527 2.527 0 0 0 2.522-2.531a2.527 2.527 0 0 0-2.522-2.532c-.433 0-.841.11-1.197.303"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M5.565 10.023c-.278-2.2.425-2.277.773-2.005c5.864 3.466 9.012 3.292 10.353 3.686c1.074.315.786 1.244.437 1.605l-5.47 6.48c-.906 1.074-2.1 2.796-3.277 2.029c-.504-.328-.788-1.032-.883-1.575c-.554-2.493-1.655-8.02-1.933-10.22"/><path stroke-linejoin="round" d="m16.021 11.57l2.416-3.88c.272-.666-.332-1.727-2.416-1.09l-2.537 3.97m2.308-3.854V5.325c0-.36-.071-.73-.296-1.01c-.35-.436-.94-.7-2.238.461m-.17 5.545v-7.1c-.333-.548-1.199-1.54-1.998-1.123c-.8.417-.72 1.123-.72 1.444v1.26m0 0v2.19m0-2.19c-.417-.452-1.623-1.26-2.343-.63c-.611.533-.35 2.82-.35 4.153"/><path d="M7.467 18.03a2.527 2.527 0 0 0 2.522-2.531a2.527 2.527 0 0 0-2.522-2.532c-.433 0-.841.11-1.197.303"/></g></svg> </template>
CSS
.icon-french-fries-01 {
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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M5.565%2010.023c-.278-2.2.425-2.277.773-2.005c5.864%203.466%209.012%203.292%2010.353%203.686c1.074.315.786%201.244.437%201.605l-5.47%206.48c-.906%201.074-2.1%202.796-3.277%202.029c-.504-.328-.788-1.032-.883-1.575c-.554-2.493-1.655-8.02-1.933-10.22%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m16.021%2011.57l2.416-3.88c.272-.666-.332-1.727-2.416-1.09l-2.537%203.97m2.308-3.854V5.325c0-.36-.071-.73-.296-1.01c-.35-.436-.94-.7-2.238.461m-.17%205.545v-7.1c-.333-.548-1.199-1.54-1.998-1.123c-.8.417-.72%201.123-.72%201.444v1.26m0%200v2.19m0-2.19c-.417-.452-1.623-1.26-2.343-.63c-.611.533-.35%202.82-.35%204.153%22%2F%3E%3Cpath%20d%3D%22M7.467%2018.03a2.527%202.527%200%200%200%202.522-2.531a2.527%202.527%200%200%200-2.522-2.532c-.433%200-.841.11-1.197.303%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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M5.565%2010.023c-.278-2.2.425-2.277.773-2.005c5.864%203.466%209.012%203.292%2010.353%203.686c1.074.315.786%201.244.437%201.605l-5.47%206.48c-.906%201.074-2.1%202.796-3.277%202.029c-.504-.328-.788-1.032-.883-1.575c-.554-2.493-1.655-8.02-1.933-10.22%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m16.021%2011.57l2.416-3.88c.272-.666-.332-1.727-2.416-1.09l-2.537%203.97m2.308-3.854V5.325c0-.36-.071-.73-.296-1.01c-.35-.436-.94-.7-2.238.461m-.17%205.545v-7.1c-.333-.548-1.199-1.54-1.998-1.123c-.8.417-.72%201.123-.72%201.444v1.26m0%200v2.19m0-2.19c-.417-.452-1.623-1.26-2.343-.63c-.611.533-.35%202.82-.35%204.153%22%2F%3E%3Cpath%20d%3D%22M7.467%2018.03a2.527%202.527%200%200%200%202.522-2.531a2.527%202.527%200%200%200-2.522-2.532c-.433%200-.841.11-1.197.303%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/french-fries-01.svg?color=%231a73e8&size=48
