ICONYZ
日本語
@icons の Armor Chestplate アイコン

Armor Chestplate アイコン

at-icons:armor-chestplate

Armor Chestplate アイコン(at-icons:armor-chestplate)は、@icons セットの無料 SVG アイコンです(作者: Valentin Fossati)。 24 × 24 のグリッドで描かれています。 @icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
@icons
作者
Valentin Fossati
ライセンス
MIT
サイズ
24 × 24
タグ
armorchestplate
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.001 9.183c.745.653 1.64 1.193 2.475 1.583c.68.317 1.36.552 1.917.663l-.206.821c-.12.483-.417.906-.874 1.102C10.64 13.64 9.5 14 8 14s-2.64-.36-3.312-.648c-.458-.197-.755-.62-.875-1.102l-.204-.812c.595-.106 1.292-.345 1.982-.674a10.6 10.6 0 0 0 2.41-1.581"/><path d="m10 5.596l.27.288c.412.439.966.71 1.5.873c.391.119.81.19 1.23.222V10.5c-.388 0-1.181-.212-2.1-.64c-.903-.422-1.85-1.017-2.546-1.714L8 7.793l-.354.353c-.701.702-1.61 1.297-2.487 1.715c-.89.425-1.685.639-2.159.639V6.98a5.7 5.7 0 0 0 1.23-.223c.534-.163 1.088-.434 1.5-.873L6 5.596V3.85a13.5 13.5 0 0 0 4 0z"/><path d="M5 5.2a2 2 0 0 1-.094.091l-.035.03a2 2 0 0 1-.115.09l-.06.041l-.049.031l-.039.024C3.372 6.252.892 6.15 0 5.2C0 2 4 2 5 2zM11 2c1 0 5 0 5 3.2c-.892.951-3.373 1.052-4.61.307l-.038-.024l-.05-.03l-.059-.043a2 2 0 0 1-.115-.09l-.035-.029a2 2 0 0 1-.093-.09z"/></g></svg>

Armor Chestplate アイコンの使い方

React

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

<Icon icon="at-icons:armor-chestplate" width="24" />

Vue

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

<template>
  <Icon icon="at-icons:armor-chestplate" width="24" />
</template>

Svelte

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

<Icon icon="at-icons:armor-chestplate" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[at-icons--armor-chestplate]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/at-icons -->
<div class="i-at-icons:armor-chestplate"></div>

Web コンポーネント

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

<iconify-icon icon="at-icons:armor-chestplate"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/at-icons/armor-chestplate.svg" alt="Armor Chestplate アイコン" width="24" height="24">

@icons の関連アイコン

Armor Chestplate アイコン のよくある質問

Armor Chestplate アイコンは商用利用でも無料ですか?

はい。@icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Armor Chestplate アイコンを使うには?

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

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

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

@icons をすべて見る →