Jolie アイコン
file-icons:jolie
Jolie アイコン(file-icons:jolie)は、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="M346.747 44.65c76.194-9.395 128.042-34.726 149.398-28.086c4.491 2.296 3.368 16.915-9.119 20.037c-6.3 1.575-98.348 33.346-189.644 60.874C207.72 124.51 118.916 147.3 98.147 149.833C56.23 154.945 0 237.757 0 237.757c27.604-53.163 50.096-134.952 193.226-174.824c44.08-11.605 110.13-12.934 153.52-18.284M14.087 459.592s24.37-84.288 37.46-131.112c5.35-19.138 21.766-61.036 71.8-69.458C280.993 232.49 512 191.906 512 191.906c-1.75 56.031-22.054 83.362-54.582 96.765c-85.4 153.453-213.048 244.764-408.992 193.555c-31.004-7.11-35.496-13.848-34.34-22.633m33.558 6.244c75.705 15.294 294.519 26.832 389.942-170.94c-25.533 5.974-56.324 6.643-90.3 6.868c-2.943 37.527-18.635 97.491-88.926 96.955c-68.995-.527-84.672-49.033-87.574-80.522C64.99 345.816 42.45 399.908 34.377 429.157c-5.463 19.799 7.036 32.25 13.268 36.68M276.97 303.022c.334 13.78 3.955 42.063 28.217 40.287c22.39-1.638 22.616-26.583 20.733-41.417c-15.824.114-32.204.343-48.95 1.13"/></svg>Jolie アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:jolie" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:jolie" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:jolie" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--jolie]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:jolie"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:jolie"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/jolie.svg" alt="Jolie アイコン" width="24" height="24">Jolie アイコン のよくある質問
Jolie アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jolie アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:jolie" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jolie アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/jolie.svg" alt="Jolie アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。