Ourocard アイコン
arcticons:ourocard
Ourocard アイコン(arcticons:ourocard)は、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="M22.363 23.014c.862 0 1.56.68 1.56 1.517v.986c0 .838-.698 1.518-1.56 1.518h0c-.861 0-1.56-.68-1.56-1.518v-.986c0-.838.699-1.517 1.56-1.517m-8.983 0v2.503c0 .838.699 1.518 1.56 1.518s1.561-.68 1.561-1.518v-2.503m0 2.503v1.517m1.371-2.503c0-.838.699-1.517 1.56-1.517m-1.56 0v4.02m16.202-2.503c0-.838.699-1.517 1.56-1.517m-1.56 0v4.02m-5.863-.764a1.57 1.57 0 0 1-1.355.764c-.862 0-1.56-.68-1.56-1.517v-.986c0-.838.698-1.517 1.56-1.517c.579 0 1.084.306 1.353.761m11.917.756c0-.838-.699-1.517-1.56-1.517s-1.561.68-1.561 1.517v.986c0 .838.699 1.517 1.56 1.517s1.561-.679 1.561-1.517m0 1.517v-6.068m-30.185 0c1.142 0 2.068.9 2.068 2.01v2.049c0 1.11-.926 2.01-2.068 2.01h0c-1.142 0-2.067-.9-2.067-2.01v-2.049c0-1.11.925-2.01 2.067-2.01M32.7 25.517c0 .838-.693 1.517-1.549 1.517h-.543c-.567 0-1.026-.45-1.026-1.005s.46-1.005 1.026-1.005h2.095"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.972 23.412c.376-.366.64-.398 1.365-.398c.824 0 1.366.352 1.366 1.305v2.715"/></svg>Ourocard アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:ourocard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:ourocard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:ourocard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--ourocard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:ourocard"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:ourocard"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/ourocard.svg" alt="Ourocard アイコン" width="24" height="24">Ourocard アイコン のよくある質問
Ourocard アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Ourocard アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:ourocard" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ourocard アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/ourocard.svg" alt="Ourocard アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。