Arc Browser アイコン
lineicons:arc-browser
Arc Browser アイコン(lineicons:arc-browser)は、Lineicons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M4.687 15.146L3.7 17.218c-.502 1.054-.125 2.352.908 2.901a2.166 2.166 0 0 0 2.972-.98l.9-1.891a11.3 11.3 0 0 1-3.794-2.102m15.576-8.788a2.165 2.165 0 0 0-2.547 1.698c-.208 1.04-.695 2.007-1.366 2.83l1.968 4.144c1.817-1.576 3.16-3.723 3.64-6.125a2.16 2.16 0 0 0-1.695-2.547"/><path d="M12.68 13.24c-.422.1-.853.154-1.283.154c-.336 0-.683-.038-1.03-.113c-1.44-.306-2.89-1.196-3.709-2.28a3.7 3.7 0 0 1-.487-.84a2.17 2.17 0 0 0-2.817-1.197a2.17 2.17 0 0 0-1.197 2.818c.508 1.259 1.404 2.414 2.53 3.364a11.2 11.2 0 0 0 3.791 2.102a9.6 9.6 0 0 0 2.916.475a10 10 0 0 0 3.162-.528z"/><path d="m19.357 17.21l-3.008-6.328l-.003.003q0-.002.003-.003l-2.862-6.02a2.17 2.17 0 0 0-1.954-1.236c-.834 0-1.594.481-1.953 1.235l-2.919 6.14c.82 1.084 2.269 1.975 3.709 2.28l.944-1.983a.247.247 0 0 1 .445 0l.923 1.942l2.803 5.896a2.16 2.16 0 0 0 2.533 1.155c1.303-.359 1.92-1.858 1.339-3.082"/></g></svg>Arc Browser アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="lineicons:arc-browser" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lineicons:arc-browser" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lineicons:arc-browser" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lineicons--arc-browser]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lineicons -->
<div class="i-lineicons:arc-browser"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lineicons:arc-browser"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/lineicons/arc-browser.svg" alt="Arc Browser アイコン" width="24" height="24">他のアイコンセットの Arc Browser アイコン
Arc Browser アイコン のよくある質問
Arc Browser アイコンは商用利用でも無料ですか?
はい。Lineicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Arc Browser アイコンを使うには?
@iconify/react をインストールして <Icon icon="lineicons:arc-browser" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Arc Browser アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/lineicons/arc-browser.svg" alt="Arc Browser アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。