ICONYZ
日本語
SVG Logos の Armory Icon アイコン

Armory Icon アイコン

logos:armory-icon

Armory Icon アイコン(logos:armory-icon)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 256 × 242 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
SVG Logos
作者
Gil Barbara
ライセンス
CC0-1.0
サイズ
256 × 242
タグ
armoryicon
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="242" viewBox="0 0 256 242"><path fill="#00bcdd" d="M182.015 66.913V29.927h37.127v36.986zm49.629-14.205H255.9V29.84h-24.257zm-23.405-34.25h21.81V0h-21.81zm34.047-2.376H256V3.868h-13.714z"/><path fill="#0c4062" d="M24.503 73.246c-.297 20.259-.125 40.096 3.34 59.763c2.684 15.233 7.163 29.762 16.206 42.56c12.937 18.309 30.435 30.781 50.794 39.658c2.964 1.293 5.47 1.548 8.311-.141c2.424-1.442 5.085-2.489 7.645-3.701c32.519-15.398 53.008-39.912 58.921-76.025c3.348-20.44 3.919-40.952 3.701-61.556c-.002-.166-.211-.33-.392-.595c-26.993-2.593-51.169-12.404-72.338-29.487c-22.854 16.783-48.009 26.834-76.188 29.524m172.372-6.333c.062 10.083.35 20.17.14 30.247c-.472 22.631-2.35 45.085-10.036 66.645c-10.11 28.361-29.486 48.875-55.236 63.542c-9.62 5.478-20.105 9.455-30.272 13.944c-1.39.614-3.41.74-4.827.23c-25.138-9.06-47.493-22.368-65.004-42.949c-15.125-17.775-23.902-38.43-27.119-61.367c-1.79-12.77-2.62-25.675-3.911-38.516c-.054-.534-.4-1.039-.61-1.558V73.778c.383-3.872.803-7.742 1.14-11.618c.354-4.053.63-8.112.963-12.486C41.033 51.656 73.815 38.52 100.8 10.49c21.106 25.609 48.522 37.892 81.215 39.196h13.687z"/><path fill="#00bcdd" d="M100.69 78.205c6.29 7.779 12.25 15.116 18.174 22.482c10.081 12.538 20.106 25.122 30.24 37.617c1.62 1.998 2.111 3.861 1.339 6.344c-2.197 7.052-6.6 15.564-10.198 18.993l-39.557-49.063l-39.567 49.166c-1.09-1.586-2.157-2.835-2.886-4.257c-2.108-4.11-3.949-8.359-6.14-12.421c-2.221-4.117-1.345-7.416 1.526-10.914c13.607-16.583 27.055-33.296 40.562-49.96c2.038-2.515 4.089-5.02 6.507-7.987"/></svg>

Armory Icon アイコンの使い方

React

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

<Icon icon="logos:armory-icon" width="24" />

Vue

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

<template>
  <Icon icon="logos:armory-icon" width="24" />
</template>

Svelte

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

<Icon icon="logos:armory-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--armory-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:armory-icon"></div>

Web コンポーネント

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

<iconify-icon icon="logos:armory-icon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/armory-icon.svg" alt="Armory Icon アイコン" width="24" height="24">

SVG Logos の関連アイコン

Armory Icon アイコン のよくある質問

Armory Icon アイコンは商用利用でも無料ですか?

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

React で Armory Icon アイコンを使うには?

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

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

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

SVG Logos アイコン をすべて見る →