Internet Explorer アイコン

Q: Internet Explorer アイコンは商用利用でも無料ですか?

はい。Grommet Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

grommet-icons:internet-explorer

Internet Explorer アイコン(grommet-icons:internet-explorer)は、Grommet Icons セットの無料 SVG アイコンです（作者: Grommet）。 24 × 24 のグリッドで描かれています。 Grommet Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Grommet Icons
作者: Grommet
ライセンス: Apache-2.0
サイズ: 24 × 24
タグ: internetexplorer

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M24 12.337c0-1.898-.491-3.68-1.351-5.229c3.666-8.298-3.929-7.083-4.352-7c-1.609.315-3.097.82-4.47 1.461a11 11 0 0 0-.612-.017C8.09 1.552 3.8 5.126 2.702 9.918c2.702-3.03 4.592-4.253 5.724-4.742q-.27.242-.532.489l-.17.165q-.173.164-.342.332l-.196.2q-.15.151-.295.304l-.204.216a27 27 0 0 0-1.15 1.31a31 31 0 0 0-.41.505l-.2.253l-.183.24l-.206.272l-.14.193a34 34 0 0 0-1.168 1.7l-.002.003q-.139.217-.27.428l-.014.023q-.132.211-.255.418l-.009.014q-.333.557-.613 1.063c-.971 1.76-1.444 2.99-1.464 3.063c-3.068 10.966 6.505 6.335 7.841 5.644a10.74 10.74 0 0 0 4.77 1.11c4.69 0 8.68-2.993 10.165-7.173h-5.666c-.839 1.416-2.453 2.376-4.308 2.376c-2.717 0-4.92-2.059-4.92-4.598h15.426q.089-.683.089-1.39M21.985 1.724c.929.627 1.674 1.61.394 4.926a10.82 10.82 0 0 0-5.267-4.372c.998-.482 3.47-1.501 4.873-.554M2.248 21.989c-.757-.776-.89-2.665.779-6.108a10.82 10.82 0 0 0 4.696 5.739c-1.08.595-3.95 1.934-5.475.369M8.46 10.776c.086-2.468 2.235-4.444 4.874-4.444c2.64 0 4.787 1.976 4.874 4.444z"/></svg>

Internet Explorer アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="grommet-icons:internet-explorer" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="grommet-icons:internet-explorer" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="grommet-icons:internet-explorer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--internet-explorer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:internet-explorer"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="grommet-icons:internet-explorer"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/grommet-icons/internet-explorer.svg" alt="Internet Explorer アイコン" width="24" height="24">

他のアイコンセットの Internet Explorer アイコン

Internet Explorer アイコンのよくある質問

Internet Explorer アイコンは商用利用でも無料ですか?

はい。Grommet Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Internet Explorer アイコンを使うには?

@iconify/react をインストールして <Icon icon="grommet-icons:internet-explorer" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Internet Explorer アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/grommet-icons/internet-explorer.svg" alt="Internet Explorer アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Grommet Icons をすべて見る →