Eggerco アイコン
thesvg-color:eggerco
Eggerco アイコン(thesvg-color:eggerco)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 844 × 844 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 844 × 844
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="844" height="844" viewBox="0 0 844 844"><path fill="#0455ff" d="M0 421.99c0 11.8.48 23.43 1.45 34.99C19.23 673.55 200.73 843.9 421.98 843.9c127.84 0 242.43-56.89 319.84-146.75c26.02-30.22 47.76-64.16 64.49-100.93c24.16-53.09 37.58-112.08 37.58-174.23c0-2.91 0-5.74-.16-8.65a418.7 418.7 0 0 0-11.47-90.02c-18.34-76.53-57.46-144.89-111.03-198.87c-15.52-15.52-32.16-29.9-49.94-42.91C601.47 30.3 515.24 0 421.99 0C242.67 0 89.46 111.84 28.36 269.58A414 414 0 0 0 16.72 304c-2.67 9.05-5.01 18.18-6.95 27.56c-1.05 4.61-2.02 9.29-2.83 14.06c-2.02 10.75-3.56 21.74-4.69 32.81C.73 392.74 0 407.28 0 421.99m562.52 268.69c-176.89 22.63-364.21-77.25-497.63-256.25c-.08-1.86-.16-3.64-.16-5.49c131.48 96.81 278.23 148.85 415.68 148.85c69.82 0 137.21-13.33 199.11-41.13c33.46-15.03 65.29-34.42 95.19-57.86c-10.1 62.87-36.61 120.33-75.07 167.76c-44.45 23.19-90.67 38.14-137.13 44.12Zm73.13-554.84c-7.03 9.05-14.55 17.78-22.3 26.02C495.93 286.55 299.16 330.11 91.64 285.74c53.66-129.62 181.58-221.1 330.35-221.1c80 0 154.02 26.51 213.66 71.19Zm142.06 253.58c-37.33 38.14-79.44 68.04-124.61 88.24c-172.21 77.17-395.48 26.42-581.67-125.09c.32-1.62.65-3.23.97-4.85c59.07 12.85 117.42 19.31 173.9 19.31c165.26 0 314.19-54.79 414.07-160.89c8.08-8.65 15.92-17.62 23.35-26.99c52.36 56.24 86.71 129.46 93.98 210.27ZM96.16 568.66c121.78 120.32 270.07 189.82 416.65 189.82c10.83 0 21.66-.4 32.4-1.21c-38.46 14.22-79.92 21.98-123.23 21.98c-144.81 0-269.74-86.55-325.82-210.59"/></svg>Eggerco アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:eggerco" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:eggerco" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:eggerco" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--eggerco]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:eggerco"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:eggerco"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/eggerco.svg" alt="Eggerco アイコン" width="24" height="24">Eggerco アイコン のよくある質問
Eggerco アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Eggerco アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:eggerco" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Eggerco アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/eggerco.svg" alt="Eggerco アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。