Vikunja アイコン
arcticons:vikunja
Vikunja アイコン(arcticons:vikunja)は、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"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M32.135 23.398c0 7.002-5.073 12.627-8.109 12.627c-3.077 0-9.066-5.625-9.066-12.627c0-.83.01-1.589.133-3.145c-.707-4.917 3.734-7.275 8.903-7.327c5.048.051 8.546 2.979 8.003 6.738c.142 1.456.136 2.76.136 3.734"/><path d="M24 24.363c-2.525.338-3.689 2.56-3.097 5.437s4.507 4.274 5.988.804c1.48-3.47.058-6.354-2.891-6.241m-5.03-.698s.128-1.883 1.122-1.841s.889 1.904.889 1.904m5.786-.063s.127-1.883 1.121-1.841c.995.042.889 1.904.889 1.904m-8.909-10.203c.05-2.64.72-7.896-.23-7.544c0 0-4.511.513-4.635 6.987c-.048 2.552-.017 4.284.04 5.445m13.437-4.642c.111-2.706.015-8.583.843-7.85c0 0 5.273 2.18 2.528 11.403"/><path d="M23.174 27.452s.838 1.09 2.004-.224M24 27.961v2.67m-2.635-.231c2.635.688 5.68-.182 5.68-.182m-7.222-12.535c-.16 1.193.927 1.107 1.361.988c-.461 1.366 1.151 2.19 1.837.8c.221 1.599 1.834 1.132 1.696.125m-5.554 17.74c.085 2.052 2.031 1.206 2.031 1.206s.297 2.243 2.243.952"/><path d="M29.5 32c-.268 2.712.542 8.617 1.563 12.291A21.5 21.5 0 0 0 45.5 24c0-11.874-9.626-21.5-21.5-21.5S2.5 12.126 2.5 24a21.5 21.5 0 0 0 14.453 20.297c.542-4.596.438-13.186.438-13.186"/><path d="M26.097 37.453c1.069.338 1-.808 1-.808s1.206.266.91-.962m-2.469 8.453c.893.678 1.213-.425 1.213-.425s1.047.656 1.18-.6"/></g></svg>Vikunja アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:vikunja" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:vikunja" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:vikunja" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--vikunja]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:vikunja"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:vikunja"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/vikunja.svg" alt="Vikunja アイコン" width="24" height="24">他のアイコンセットの Vikunja アイコン
Vikunja アイコン のよくある質問
Vikunja アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Vikunja アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:vikunja" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vikunja アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/vikunja.svg" alt="Vikunja アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。