French Fries アイコン
fluent-emoji:french-fries
French Fries アイコン(fluent-emoji:french-fries)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- タグ
- frenchfries、fry
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#infGdeb)" d="M28.87 12.33C28.87 6.62 24.25 2 18.54 2h-5.21C7.63 2 3 6.62 3 12.33h4.7v8.7h16.47v-8.7z"/><g filter="url(#iNmlpny)"><path fill="url(#iEm75Bd)" d="M28.438 12.516c0-5.588-4.393-10.11-9.82-10.11h-4.954c-5.419 0-9.82 4.522-9.82 10.11h4.468v8.514h15.657v-8.514z"/><path fill="url(#iAs5EVc)" d="M28.438 12.516c0-5.588-4.393-10.11-9.82-10.11h-4.954c-5.419 0-9.82 4.522-9.82 10.11h4.468v8.514h15.657v-8.514z"/></g><path fill="url(#ialY06d)" d="M23.06 12.33v.1c0 3.93-3.19 7.12-7.12 7.12s-7.12-3.19-7.12-7.12v-.1H3.01l3.63 15.96a2.32 2.32 0 0 0 2.27 1.81h14.06c1.09 0 2.03-.75 2.27-1.81l3.63-15.96z"/><g filter="url(#i8zICZb)"><path fill="#9A1B2B" d="M12 5.062c-.005-.56 1.352-1.018 1.766-1.265c.276-.003 2.619.422 2.621.698l.17 18.25a.5.5 0 0 1-.495.504l-3.387.032a.5.5 0 0 1-.505-.496z"/></g><path fill="url(#iV4sZrd)" d="M13.005 4.128a.5.5 0 0 1 .495-.504l3.387-.032a.5.5 0 0 1 .505.495l.17 18.25a.5.5 0 0 1-.495.504l-3.387.032a.5.5 0 0 1-.505-.496z"/><path fill="url(#ioXtFec)" d="M13.005 4.128a.5.5 0 0 1 .495-.504l3.387-.032a.5.5 0 0 1 .505.495l.17 18.25a.5.5 0 0 1-.495.504l-3.387.032a.5.5 0 0 1-.505-.496z"/><path fill="url(#iESLUPi)" d="M21.64 7.471a.5.5 0 0 1 .558-.435l3.362.41a.5.5 0 0 1 .436.557l-2.21 18.115a.5.5 0 0 1-.556.436l-3.363-.41a.5.5 0 0 1-.436-.557z"/><path fill="url(#iAsNw4b)" d="M21.64 7.471a.5.5 0 0 1 .558-.435l3.362.41a.5.5 0 0 1 .436.557l-2.21 18.115a.5.5 0 0 1-.556.436l-3.363-.41a.5.5 0 0 1-.436-.557z"/><path fill="url(#iPKZMuh)" d="M17.929 6.073a.5.5 0 0 1 .56-.432l3.36.436a.5.5 0 0 1 .431.56l-2.344 18.098a.5.5 0 0 1-.56.432l-3.36-.435a.5.5 0 0 1-.432-.56z"/><path fill="url(#ifFa80b)" d="M17.929 6.073a.5.5 0 0 1 .56-.432l3.36.436a.5.5 0 0 1 .431.56l-2.344 18.098a.5.5 0 0 1-.56.432l-3.36-.435a.5.5 0 0 1-.432-.56z"/><path fill="url(#ikTLFjc)" d="M17.929 6.073a.5.5 0 0 1 .56-.432l3.36.436a.5.5 0 0 1 .431.56l-2.344 18.098a.5.5 0 0 1-.56.432l-3.36-.435a.5.5 0 0 1-.432-.56z"/><g filter="url(#iVSzzLb)"><path fill="#93142A" d="M5.433 8.797c-.054-.44 1.028-1.388 1.601-1.865a.36.36 0 0 1 .244-.09c.574.024 2.458.309 2.494.555l1.524 12.972a.5.5 0 0 1-.421.569l-3.35.5a.5.5 0 0 1-.568-.414l-.001-.007z"/></g><path fill="url(#ihcdwxb)" d="M6.558 7.161a.5.5 0 0 1 .42-.568l3.351-.501a.5.5 0 0 1 .569.42l2.7 18.05a.5.5 0 0 1-.421.568l-3.35.5a.5.5 0 0 1-.569-.42z"/><path fill="url(#iHDHuJe)" d="M6.558 7.161a.5.5 0 0 1 .42-.568l3.351-.501a.5.5 0 0 1 .569.42l2.7 18.05a.5.5 0 0 1-.421.568l-3.35.5a.5.5 0 0 1-.569-.42z"/><path fill="url(#ifwbhbC)" d="M6.558 7.161a.5.5 0 0 1 .42-.568l3.351-.501a.5.5 0 0 1 .569.42l2.7 18.05a.5.5 0 0 1-.421.568l-3.35.5a.5.5 0 0 1-.569-.42z"/><path fill="url(#ienBAIe)" d="M10.68 7.932a.5.5 0 0 1 .448-.547l3.37-.336a.5.5 0 0 1 .548.449l1.805 18.16a.5.5 0 0 1-.448.547l-3.37.335a.5.5 0 0 1-.548-.448z"/><path fill="url(#iH1waZb)" d="M10.68 7.932a.5.5 0 0 1 .448-.547l3.37-.336a.5.5 0 0 1 .548.449l1.805 18.16a.5.5 0 0 1-.448.547l-3.37.335a.5.5 0 0 1-.548-.448z"/><path fill="url(#iZhOgBb)" d="M24.35 12.33c-.7 0-1.28.51-1.4 1.2c-.59 3.34-3.5 5.88-7.01 5.88s-6.42-2.54-7.01-5.88c-.12-.69-.7-1.2-1.4-1.2H3.01l3.63 15.96a2.32 2.32 0 0 0 2.27 1.81h14.06c1.09 0 2.03-.75 2.27-1.81l3.63-15.96z"/><g filter="url(#iRmxOrb)"><path stroke="url(#iyQVw8M)" stroke-linecap="round" stroke-width=".3" d="M8.344 13.094c.27 2.27 2.406 6.687 7.5 6.687"/></g><g filter="url(#iq54T3f)"><path stroke="url(#ihqaBHh)" stroke-linecap="round" stroke-width=".3" d="m28.375 12.938l-4.734.078c-.297 0-.42.418-.47.718c-.144.867-1.843 5.86-6.624 5.86"/></g><defs><linearGradient id="infGdeb" x1="15.935" x2="15.935" y1="2" y2="16.5" gradientUnits="userSpaceOnUse"><stop stop-color="#B22D50"/><stop offset="1" stop-color="#A7273C"/></linearGradient><linearGradient id="iEm75Bd" x1="7.842" x2="18.626" y1="4.423" y2="12.765" gradientUnits="userSpaceOnUse"><stop stop-color="#B5425F"/><stop offset="1" stop-color="#B74561" stop-opacity="0"/></linearGradient><linearGradient id="iAs5EVc" x1="12.188" x2="12.188" y1="13.813" y2="2.406" gradientUnits="userSpaceOnUse"><stop offset=".11" stop-color="#902438"/><stop offset=".214" stop-color="#94273B" stop-opacity="0"/></linearGradient><linearGradient id="ialY06d" x1="3.006" x2="28.869" y1="21.214" y2="21.214" gradientUnits="userSpaceOnUse"><stop stop-color="#ED1C26"/><stop offset=".456" stop-color="#ED1452"/><stop offset="1" stop-color="#EC098C"/></linearGradient><linearGradient id="iV4sZrd" x1="15.688" x2="18.356" y1="5.375" y2="22.28" gradientUnits="userSpaceOnUse"><stop offset=".048" stop-color="#FEE654"/><stop offset=".327" stop-color="#CB9A28"/><stop offset=".686" stop-color="#995C11"/></linearGradient><linearGradient id="ioXtFec" x1="13.314" x2="14.312" y1="7.699" y2="7.7" gradientUnits="userSpaceOnUse"><stop stop-color="#D3A524"/><stop offset=".467" stop-color="#DBAD29"/><stop offset="1" stop-color="#D1A71E" stop-opacity="0"/></linearGradient><linearGradient id="iESLUPi" x1="21.386" x2="24.424" y1="7.288" y2="26.241" gradientUnits="userSpaceOnUse"><stop offset=".048" stop-color="#FFE855"/><stop offset=".686" stop-color="#F7BC4A"/></linearGradient><linearGradient id="iAsNw4b" x1="21.531" x2="22.873" y1="11.375" y2="11.549" gradientUnits="userSpaceOnUse"><stop stop-color="#DDA80E"/><stop offset=".552" stop-color="#DDA80E"/><stop offset="1" stop-color="#CFAB2B" stop-opacity="0"/></linearGradient><linearGradient id="iPKZMuh" x1="17.578" x2="20.562" y1="5.893" y2="24.872" gradientUnits="userSpaceOnUse"><stop offset=".048" stop-color="#FFE855"/><stop offset=".686" stop-color="#F7BC4A"/></linearGradient><linearGradient id="ifFa80b" x1="17.344" x2="18.715" y1="9.875" y2="10.088" gradientUnits="userSpaceOnUse"><stop stop-color="#BA8F22"/><stop offset=".552" stop-color="#CAA92E"/><stop offset="1" stop-color="#CFAB2B" stop-opacity="0"/></linearGradient><linearGradient id="ihcdwxb" x1="8.654" x2="11.502" y1="6.342" y2="25.38" gradientUnits="userSpaceOnUse"><stop offset=".048" stop-color="#FDE252"/><stop offset=".686" stop-color="#D3A538"/></linearGradient><linearGradient id="iHDHuJe" x1="7.031" x2="8.328" y1="10.25" y2="10.063" gradientUnits="userSpaceOnUse"><stop stop-color="#BA8F22"/><stop offset=".552" stop-color="#CAA92E"/><stop offset="1" stop-color="#CFAB2B" stop-opacity="0"/></linearGradient><linearGradient id="ienBAIe" x1="12.518" x2="15.73" y1="7.302" y2="26.165" gradientUnits="userSpaceOnUse"><stop offset=".048" stop-color="#FFE855"/><stop offset=".686" stop-color="#F7BC4A"/></linearGradient><linearGradient id="iH1waZb" x1="11.096" x2="12.348" y1="11.199" y2="11.077" gradientUnits="userSpaceOnUse"><stop stop-color="#BA8F22"/><stop offset=".552" stop-color="#CAA92E"/><stop offset="1" stop-color="#CFAB2B" stop-opacity="0"/></linearGradient><linearGradient id="iZhOgBb" x1="5.313" x2="27.938" y1="22.5" y2="19.688" gradientUnits="userSpaceOnUse"><stop stop-color="#BB2C41"/><stop offset=".161" stop-color="#DD2B5D"/><stop offset=".49" stop-color="#E92F74"/><stop offset="1" stop-color="#F2368C"/></linearGradient><linearGradient id="ihqaBHh" x1="17.563" x2="26.825" y1="13.438" y2="16.737" gradientUnits="userSpaceOnUse"><stop stop-color="#FB5471" stop-opacity="0"/><stop offset=".521" stop-color="#DE316B"/><stop offset=".623" stop-color="#FC5396"/></linearGradient><filter id="iNmlpny" width="25.594" height="19.624" x="3.344" y="1.906" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30853" stdDeviation=".25"/></filter><filter id="i8zICZb" width="8.558" height="23.484" x="10" y="1.797" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30853" stdDeviation="1"/></filter><filter id="iVSzzLb" width="9.87" height="18.603" x="3.431" y="4.842" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30853" stdDeviation="1"/></filter><filter id="iRmxOrb" width="8.3" height="7.488" x="7.944" y="12.694" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30853" stdDeviation=".125"/></filter><filter id="iq54T3f" width="12.628" height="7.456" x="16.147" y="12.537" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30853" stdDeviation=".125"/></filter><radialGradient id="ikTLFjc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.125 7.125 -3.65411 -.57696 20.625 19)" gradientUnits="userSpaceOnUse"><stop stop-color="#B96D11"/><stop offset="1" stop-color="#C07617" stop-opacity="0"/></radialGradient><radialGradient id="ifwbhbC" cx="0" cy="0" r="1" gradientTransform="rotate(82.763 -3.064 14.67)scale(9.9227 4.66075)" gradientUnits="userSpaceOnUse"><stop stop-color="#A7650A"/><stop offset="1" stop-color="#A15D0A" stop-opacity="0"/></radialGradient><radialGradient id="iyQVw8M" cx="0" cy="0" r="1" gradientTransform="matrix(3 4.28125 -4.8014 3.36449 10.75 15.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6983"/><stop offset="1" stop-color="#FB5471" stop-opacity="0"/></radialGradient></defs></g></svg>French Fries アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:french-fries" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:french-fries" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:french-fries" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--french-fries]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:french-fries"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:french-fries"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/french-fries.svg" alt="French Fries アイコン" width="24" height="24">他のアイコンセットの French Fries アイコン
French Fries アイコン のよくある質問
French Fries アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で French Fries アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:french-fries" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
French Fries アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/french-fries.svg" alt="French Fries アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。