Zachtronics アイコン

Q: Zachtronics アイコンは商用利用でも無料ですか?

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

arcticons:zachtronics

Zachtronics アイコン(arcticons:zachtronics)は、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
タグ: zachtronic

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.866 39.872A3.62 3.62 0 0 1 31.24 43.5H16.762a3.62 3.62 0 0 1-3.628-3.628V8.128A3.62 3.62 0 0 1 16.762 4.5h14.477a3.62 3.62 0 0 1 3.627 3.628z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.897 18.616v.01c-3.745.037-5.274.17-6.228.339c-1.665.293-1.563 1.15-.912 3.683c.698 2.717 2.463 3.998 4.05 4.651c1.552.639 2.53 2.002 2.385 3.53c-.173 1.824-1.06 2.37-2.326 2.947c-1.745.795-2.016 1.279 0 1.279h8.266c2.016 0 1.745-.484 0-1.28c-1.265-.575-2.153-1.122-2.326-2.947c-.145-1.527.833-2.89 2.384-3.529c1.588-.653 3.354-1.934 4.051-4.651c.651-2.533.753-3.39-.912-3.683c-.954-.169-2.483-.302-6.228-.339v-.01zM24.37 8.192c-.72.793-1.162 1.909-1.34 3.11c-1.202.179-2.317.62-3.11 1.341c.792.721 1.907 1.163 3.108 1.341c.18 1.202.621 2.317 1.343 3.111c.721-.793 1.162-1.91 1.34-3.11c1.202-.18 2.318-.62 3.112-1.342c-.794-.721-1.91-1.163-3.111-1.343c-.179-1.2-.62-2.315-1.341-3.108m-8.899 3.126l1.458-4.403l1.459 4.403m-.483-1.459h-1.95m16.569 26.825l-1.458 4.402l-1.458-4.402m.483 1.458h1.95"/></svg>

Zachtronics アイコンの使い方

React

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

<Icon icon="arcticons:zachtronics" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:zachtronics" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:zachtronics" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:zachtronics"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/zachtronics.svg" alt="Zachtronics アイコン" width="24" height="24">

Zachtronics アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →