Frontiers アイコン
arcticons:frontiers
Frontiers アイコン(arcticons:frontiers)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- frontier
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.1 26.776c7.424 7.299.888 7.608-2.614 4.922m-2.617 2.338c2.635 2.96-1.458 1.838-1.038 3.74c-3.103 1.153-3.3 6.885-6.82-1.35m-2.15.112c.217 3.37-6.861-.61-7.061.44c2.646 3.6-2.056 5.54-5.163-.8c0 0 1.226-1.131 1.156-2.25c-.019-.293-3.83.463-5.973-1.542c-2.548-2.384-.817-8.632.3-11.305M8.7 26.24c.667.575.324-4.328 4.957-11.548c-10.486 4.3-5.464 11.11-4.957 11.548m7.672-7.418s-.235-1.581-.023-2.994c.504-3.358 2.465-5.42 6.883-7.235c6.022-2.475 9.86-1.676 13.246 2.758c3.06 4.007 3.935 8.163 2.427 11.527l-1.13 1.852c.427-.164.866.303 1.078 1.147c.54 2.15-1.689 5.773-3.81 6.198c-1.222.244-1.582.571-1.337 1.212c.246.639-.34 1.177-2.159 1.98c-2.338 1.035-6.986 1.354-9.28.636c-1.435-.448-3.976-3.104-5.219-5.454c-.884-1.67-1.194-3.287-1.211-6.313c.02-1.824-.569-3.851.535-5.314m9.496 9.633c-2.115-.63-3.055-2.495-3.46-6.865c-.266-2.873-.146-3.414 1.042-4.704c1.403-1.523 7.44-4.676 8.954-4.677c1.398 0 3.805 2.908 4.783 5.778c.885 2.596.875 2.684-.545 5.107c-1.633 2.786-4.455 5.387-5.86 5.398c-.516.004-1.444.113-2.06.243s-1.902.003-2.854-.28m9.547-8.08c-.136-.14-1.38-.265-2.061-.049c-.942.3-1.699 1.206-1.2 1.664c1.86 1.711 4.07-.777 3.261-1.615m-6.718-.454c-1.385-1.154-3.676-1.524-3.676-.76c0 .84 1.83 2.514 2.984 2.495c1.103-.018 1.962-.677.692-1.735m-12.66-.433l-4.563-.482"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.418 28.877c7.022 4.535 8.94 1.504 10.254-1.859"/></svg>Frontiers アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:frontiers" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:frontiers" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:frontiers" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--frontiers]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:frontiers"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:frontiers"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/frontiers.svg" alt="Frontiers アイコン" width="24" height="24">Frontiers アイコン のよくある質問
Frontiers アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Frontiers アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:frontiers" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Frontiers アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/frontiers.svg" alt="Frontiers アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。