Ceylon アイコン
file-icons:ceylon
Ceylon アイコン(file-icons:ceylon)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M488.735 216.288c15.72 22.478 24.488 58.66 23.127 96.058c-1.954 54.195-42.518 101.767-145.322 106.938c-59.072 2.979-138.018-41.128-155.376-41.128c-17.37 0-49.364 10.054-51.191 43.871c-.718 15.044-18.348 57.899-25.964 75.79H0v-381.98c25.922-.688 52.623-.645 80.045.38C152.694 102.219 212.83 94.7 293.987 97.794c0 0 44.22 40.89 71.637 157.883c0 0 11.886 44.787 48.441 37.472c15.883-3.176 16.802-19.747 17.086-20.878c6.883-28.3-43.623-83.432-51.249-90.876c-29.115-28.379-43.76-68.168-46.96-82.314c-4.615-18.4-12.76-63.36 11.947-81.885c13.676-10.255 10.442 8.456 12.834 14.61c0 0 6.875 17.562 22.769 11.408c0 0 10.94-2.394 4.277 7.69c-7.375 11.16-6.723 35.04-2.908 46.667c14.92 45.49 78.831 78.631 106.874 118.716m-232.1 18.615c-11.545-7.596-25.642-6.574-31.47 2.292c-5.82 8.858-1.181 22.215 10.382 29.811c11.55 7.59 25.654 6.565 31.476-2.298c5.827-8.867 1.175-22.209-10.388-29.805m-92.645 55.022c-2.336 7.332-4.639 14.675-7.008 21.997c-2.549 7.877-3.982 19.607-13.98 14.222c-5.58-3.006-8.797-12.256-12.763-17.115c-5.02-6.151-11.13-10.93-18.144-14.598c-9.014-4.713-30.584-5.282-36.829-12.932c-11.637-14.255 12.816-60.079 21.284-72.232c13.208-18.956 32.313-31.314 50.903-44.32c-29.129 8.178-55.756 17.205-74.32 43.17c-15.231 21.305-38.215 69.536-14.522 91.547c14.627 13.59 37.759 8.805 53.414 20.405c10.75 7.965 26.56 32.245 42.683 22.876c15.365-8.928 9.586-38.42 9.282-53.02"/></svg>Ceylon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:ceylon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:ceylon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:ceylon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--ceylon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:ceylon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:ceylon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/ceylon.svg" alt="Ceylon アイコン" width="24" height="24">他のアイコンセットの Ceylon アイコン
Ceylon アイコン のよくある質問
Ceylon アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ceylon アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:ceylon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ceylon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/ceylon.svg" alt="Ceylon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。