Vector 2 アイコン
arcticons:vector-2
Vector 2 アイコン(arcticons:vector-2)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.5 31.834s4.521-1.559 6.696-6.358c2.41-.785 4.869-1.551 6.966-2.462c1.12.83 2.046 1.931 3.458 2.353q-1.971 1.602-4.723 2.715c-.85-.785-2.38.967-3.782 1.796c-1.205.712 1.352 4.279 2.55 3.691c.9-.442.998-.272.876-1.679c-.045-.514 1.227-.904 1.449-2.214c0 0 9.004-1.946 11.698-4.64c1.275-1.275 1.373-2.87 1.215-3.84c-.09-.552 1.064-.358 1.148-.325c.406.27 2.232 4.076 4.157 5.862c1.03 1.327 1.932 2.976 4.708 6.067l.584 2.072"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.5 28.312s3.362-4.752 6.121-6.315c-.05-.066.6-1.536 6.363-4.366l-1.267-.435l.26-.766l1.572-.597l1.664 1.002l.24-1.33l.6-.295l1.077.6l2.643-2.268l-7.019-1.102s-.904 1.574-4.594 2.526c-.258.278-1.952 1.137-1.947 1.62c.006.537-3.194 1.51-2.261-1.943c0 0 .63-1.123 3.03-1.555c0 0 4.056-2.247 6.248-2.989c2.436.109 4.517.24 6.328.39c-.04-.002 2.295-1.632 4.465 1.23c.052.01 2.028 1.302 2.448 1.357c0 0 .54-1.168.547-1.167c0 0 .13-2.187 1.627-2.478c1.778-.347 3.451 1.466 3.451 1.466s-1.007 4.073-3.507 5.72l2.423 1.943c-.143-.08 1.745 2.435 2.906 6.408c.579 1.866 1.692 1.932 3.582 5.482"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.71 11.338c-.196-.152-.287-1.668 1.044-1.416c.922.174.667 1.547 2.333 1.503m-4.64 21.521c0-2.07 1.897-3.7 4.066-3.289c1.423.27 2.559 1.486 2.7 2.911c.106 1.06-.234 2.106-.975 2.749c-1.372 1.19-5.79 4.398-5.79 4.398h6.784"/></svg>Vector 2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:vector-2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:vector-2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:vector-2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--vector-2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:vector-2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:vector-2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/vector-2.svg" alt="Vector 2 アイコン" width="24" height="24">Arcticons の関連アイコン
Vector 2 アイコン のよくある質問
Vector 2 アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Vector 2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:vector-2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vector 2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/vector-2.svg" alt="Vector 2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。