ICONYZ
日本語
Qlementine Icons の French Fries 16 アイコン

French Fries 16 アイコン

qlementine-icons:french-fries-16

French Fries 16 アイコン(qlementine-icons:french-fries-16)は、Qlementine Icons セットの無料 SVG アイコンです(作者: Olivier Cléro)。 24 × 24 のグリッドで描かれています。 Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Qlementine Icons
作者
Olivier Cléro
ライセンス
MIT
サイズ
24 × 24
カテゴリ
食べ物
タグ
frenchfries、fry
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6 0c.226 0 .421 0 .581.01c.165.012.33.037.493.105c.367.152.659.444.812.812c.068.163.092.328.104.493c.01.16.01.355.01.58v.089c.14-.047.28-.068.42-.078c.16-.01.355-.01.58-.01s.422 0 .582.01s.318.035.476.097q.021-.09.057-.182c.152-.367.444-.659.812-.812a1.6 1.6 0 0 1 .493-.104c.16-.01.355-.01.581-.01s.421 0 .581.01c.165.011.33.036.493.104a1.5 1.5 0 0 1 .812.812c.068.163.093.328.104.493c.011.16.011.355.011.581v2a1 1 0 0 1 1 .999c0 1.64-.104 3.16-.246 4.49c-.107.997-.196 1.86-.382 2.56c-.199.75-.524 1.39-1.13 1.93c-.619.556-1.32.804-2.13.918c-.76.108-1.69.106-2.8.106h-.63c-1.11 0-2.04.002-2.8-.106c-.804-.114-1.51-.362-2.13-.918c-.606-.544-.93-1.18-1.13-1.93c-.187-.7-.276-1.56-.383-2.56A42 42 0 0 1 .995 6a1 1 0 0 1 1-.999v-.5c0-.458-.001-.852.041-1.16c.044-.329.144-.643.398-.897c.255-.255.57-.354.896-.398c.192-.026.415-.034.664-.038v-.003c0-.226 0-.42.01-.58a1.6 1.6 0 0 1 .105-.494c.152-.367.444-.659.812-.812a1.6 1.6 0 0 1 .493-.104c.16-.01.355-.01.58-.01zm8 6s-2 3-6 3s-6-3-6-3c0 1.59.102 3.09.24 4.38c.22 2.05.33 3.08 1.19 3.85c.855.768 1.99.769 4.26.769h.631l.8-.002c1.62-.01 2.57-.083 3.3-.632l.163-.135c.748-.672.926-1.54 1.11-3.13l.08-.724c.137-1.29.24-2.79.24-4.38zM9 3c-.24 0-.394 0-.513.009a.6.6 0 0 0-.179.03a.5.5 0 0 0-.27.27a.6.6 0 0 0-.03.178A8 8 0 0 0 8 4v4c.763 0 1.44-.126 2.03-.32a.5.5 0 0 1-.034-.18V3.86c0-.165-.003-.283-.01-.377a.6.6 0 0 0-.028-.179a.5.5 0 0 0-.27-.27a.6.6 0 0 0-.18-.03a8 8 0 0 0-.512-.008zM6 1c-.24 0-.394 0-.513.009a.6.6 0 0 0-.179.03a.5.5 0 0 0-.27.27a.6.6 0 0 0-.03.178A8 8 0 0 0 5 2v5.27c.56.294 1.23.538 2 .655v-5.92c0-.24 0-.394-.009-.513a.6.6 0 0 0-.03-.179a.5.5 0 0 0-.27-.27a.6.6 0 0 0-.178-.03A8 8 0 0 0 6 1.006zm6 1c-.24 0-.394 0-.513.009a.6.6 0 0 0-.179.03a.5.5 0 0 0-.27.27a.6.6 0 0 0-.03.178A8 8 0 0 0 11 3v4.27a6.7 6.7 0 0 0 1.878-1.464q.07-.082.122-.148v-2.66c0-.24 0-.394-.009-.513a.6.6 0 0 0-.03-.179a.5.5 0 0 0-.27-.27a.6.6 0 0 0-.178-.03A8 8 0 0 0 12 1.999zM4 3a5 5 0 0 0-.53.028c-.217.03-.285.077-.323.114s-.085.106-.114.323c-.031.231-.032.545-.032 1.03v1.16c.036.044.074.095.122.148c.197.222.492.514.878.815v-3.62z" clip-rule="evenodd"/></svg>

French Fries 16 アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="qlementine-icons:french-fries-16" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="qlementine-icons:french-fries-16" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="qlementine-icons:french-fries-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--french-fries-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:french-fries-16"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="qlementine-icons:french-fries-16"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/qlementine-icons/french-fries-16.svg" alt="French Fries 16 アイコン" width="24" height="24">

French Fries 16 アイコン のよくある質問

French Fries 16 アイコンは商用利用でも無料ですか?

はい。Qlementine Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で French Fries 16 アイコンを使うには?

@iconify/react をインストールして <Icon icon="qlementine-icons:french-fries-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

French Fries 16 アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/qlementine-icons/french-fries-16.svg" alt="French Fries 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Qlementine Icons をすべて見る →