Ie Line アイコン
ri:ie-line
Ie Line アイコン(ri:ie-line)は、Remix Icon セットの無料 SVG アイコンです(作者: Remix Design)。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Remix Icon
- 作者
- Remix Design
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ロゴ
- タグ
- ieline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.16 10a6.003 6.003 0 0 0-11.318 0zM6.584 13a6.002 6.002 0 0 0 11.08 2.057h3.304l-.023.063a9.003 9.003 0 0 1-12.332 5c-2.744 1.49-5.113 1.799-6.422.49c-1.344-1.34-.628-4.851 1.313-8.373a23.6 23.6 0 0 1 2.498-3.665q.54-.65 1.126-1.252c-.275.055-1.88.851-3.412 2.714q.087-.389.206-.764a9.004 9.004 0 0 1 9.262-6.244c3.095-1.403 5.974-1.727 7.192-.511c1.125 1.123 1.062 2.995.125 5.242l-.027.064a8.96 8.96 0 0 1 1.027 4.18q0 .505-.055 1zm1.422 6.8a9.03 9.03 0 0 1-3.972-4.743c-1.161 2.282-1.46 4.19-.469 5.18c.813.812 2.438.624 4.438-.436zM20.173 7.29l.015-.034c.75-1.622.813-2.994.125-3.806c-.869-.867-2.54-.75-4.522.168a9.03 9.03 0 0 1 4.382 3.672"/></svg>Ie Line アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ri:ie-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ri:ie-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ri:ie-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--ie-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:ie-line"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ri:ie-line"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ri/ie-line.svg" alt="Ie Line アイコン" width="24" height="24">Remix Icon の関連アイコン
Ie Line アイコン のよくある質問
Ie Line アイコンは商用利用でも無料ですか?
はい。Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ie Line アイコンを使うには?
@iconify/react をインストールして <Icon icon="ri:ie-line" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ie Line アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ri/ie-line.svg" alt="Ie Line アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。