ICONYZ
日本語
Arcticons の C6 Yellow アイコン

C6 Yellow アイコン

arcticons:c6-yellow

C6 Yellow アイコン(arcticons:c6-yellow)は、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
タグ
c6yellow
SVG をダウンロード

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="M21.737 26.633v.066c0 2.926-2.322 5.297-5.186 5.297s-5.186-2.371-5.186-5.297V21.3c0-2.926 2.322-5.298 5.186-5.298s5.186 2.372 5.186 5.298v.066"/><ellipse cx="31.448" cy="26.699" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="5.186" ry="5.298"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.184 17.954c-.864-1.156-2.181-1.95-4.363-1.95h-.365c-2.864 0-5.185 2.371-5.185 5.297V26.7"/></svg>

C6 Yellow アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:c6-yellow" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:c6-yellow" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:c6-yellow" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--c6-yellow]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:c6-yellow"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:c6-yellow"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/c6-yellow.svg" alt="C6 Yellow アイコン" width="24" height="24">

Arcticons の関連アイコン

C6 Yellow アイコン のよくある質問

C6 Yellow アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で C6 Yellow アイコンを使うには?

@iconify/react をインストールして <Icon icon="arcticons:c6-yellow" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

C6 Yellow アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/c6-yellow.svg" alt="C6 Yellow アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Arcticons をすべて見る →