Egg Fried アイコン
proicons:egg-fried
Egg Fried アイコン(proicons:egg-fried)は、ProIcons セットの無料 SVG アイコンです(作者: ProCode)。 24 × 24 のグリッドで描かれています。 ProIcons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M13.193 2.75V2zm5.663 5.662h.75zm2.395 8.059h.75zm-4.78 4.779V22zm-7.77-1.944v.75zM2.75 13.353H2zm5.12-6.87l-.706-.255zm5.19 13.332l.535-.525zm5.615-9.977l-.726-.189zm.982 3.069l-.5.559zM13.193 2.75v.75c2.713 0 4.912 2.2 4.913 4.912h1.5A6.41 6.41 0 0 0 13.192 2zm5.663 5.662h-.75q-.002.644-.158 1.237l.726.19l.726.188a6.4 6.4 0 0 0 .206-1.615zm.8 4.495l-.5.559a4.02 4.02 0 0 1 1.345 3.005h1.5a5.52 5.52 0 0 0-1.845-4.123zm1.595 3.564h-.75a4.03 4.03 0 0 1-4.03 4.029V22a5.53 5.53 0 0 0 5.53-5.53zm-4.78 4.779v-.75a4 4 0 0 1-2.877-1.21l-.536.525l-.536.525a5.5 5.5 0 0 0 3.95 1.66zm-6.094-2.184l-.21-.72a5.2 5.2 0 0 1-1.466.21v1.5c.655 0 1.288-.095 1.888-.27zm-1.676.24v-.75A5.2 5.2 0 0 1 3.5 13.353H2c0 3.702 3 6.703 6.702 6.703zM2.75 13.353h.75A5.2 5.2 0 0 1 6.855 8.49l-.267-.701l-.266-.701a6.7 6.7 0 0 0-4.323 6.266zm5.12-6.87l.704.256a4.915 4.915 0 0 1 4.62-3.239V2a6.415 6.415 0 0 0-6.03 4.228zM6.588 7.79l.266.701c.8-.304 1.43-.954 1.718-1.751l-.705-.256l-.705-.255a1.46 1.46 0 0 1-.841.86zm6.47 12.026l.535-.525c-.841-.858-2.22-1.299-3.428-.944l.211.72l.212.72c.622-.183 1.439.05 1.933.554zm5.615-9.977l-.726-.189c-.179.686-.11 1.424.104 2.078c.214.655.593 1.282 1.104 1.739l.5-.56l.5-.558c-.287-.257-.534-.646-.679-1.088s-.169-.882-.077-1.233z"/><circle cx="11.75" cy="12" r="3.25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg>Egg Fried アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="proicons:egg-fried" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="proicons:egg-fried" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="proicons:egg-fried" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[proicons--egg-fried]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/proicons -->
<div class="i-proicons:egg-fried"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="proicons:egg-fried"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/proicons/egg-fried.svg" alt="Egg Fried アイコン" width="24" height="24">他のアイコンセットの Egg Fried アイコン
Egg Fried アイコン のよくある質問
Egg Fried アイコンは商用利用でも無料ですか?
はい。ProIcons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Egg Fried アイコンを使うには?
@iconify/react をインストールして <Icon icon="proicons:egg-fried" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Egg Fried アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/proicons/egg-fried.svg" alt="Egg Fried アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。