Zectrix アイコン

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

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

simple-icons:zectrix

Zectrix アイコン(simple-icons:zectrix)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22.918 1.715A3.68 3.68 0 0 0 20.316.633H4.738a3.67 3.67 0 0 0-2.603 1.082a3.68 3.68 0 0 0-1.081 2.602c0 1.011.417 1.938 1.081 2.602a3.68 3.68 0 0 0 2.603 1.082h2.22a.615.615 0 0 0 0-1.23h-2.22a2.466 2.466 0 0 1-2.461-2.454c0-.679.276-1.287.721-1.74s1.06-.72 1.74-.72h10.288c4.279 0 5.48 5.727 3.218 7.99l-1.358 1.358a.615.615 0 1 0 .87.87l5.042-5.042c.134-.149.672-.757.884-1.224A3.7 3.7 0 0 0 24 4.31c0-1.011-.41-1.93-1.082-2.595M3.691 4.317c0 .58.467 1.047 1.047 1.047s1.046-.467 1.046-1.047s-.466-1.046-1.046-1.046c-.573 0-1.047.466-1.047 1.046m5 0c0-.58-.467-1.046-1.047-1.046s-1.047.466-1.047 1.046s.467 1.047 1.047 1.047c.573 0 1.047-.474 1.047-1.047m1.86 1.047c.58 0 1.046-.467 1.046-1.047s-.467-1.046-1.047-1.046s-1.046.466-1.046 1.046c0 .573.466 1.047 1.046 1.047m2.907 0c.58 0 1.046-.467 1.046-1.047s-.467-1.046-1.046-1.046s-1.047.466-1.047 1.046a1.05 1.05 0 0 0 1.047 1.047m2.899 0c.58 0 1.046-.467 1.046-1.047s-.466-1.046-1.046-1.046s-1.047.466-1.047 1.046a1.06 1.06 0 0 0 1.047 1.047M10.55 8.433c.58 0 1.047-.467 1.047-1.047S11.13 6.34 10.55 6.34s-1.046.466-1.046 1.046s.466 1.047 1.046 1.047m2.907 0c.58 0 1.046-.467 1.046-1.047s-.467-1.046-1.046-1.046s-1.047.466-1.047 1.046s.467 1.047 1.047 1.047m2.899 0c.58 0 1.046-.467 1.046-1.047s-.466-1.046-1.046-1.046s-1.047.466-1.047 1.046c.007.58.474 1.047 1.047 1.047m-2.9 3.076c.58 0 1.047-.467 1.047-1.047s-.467-1.046-1.046-1.046s-1.047.466-1.047 1.046s.467 1.047 1.047 1.047m5.805 4.483h-2.22a.615.615 0 0 0 0 1.23h2.22a2.466 2.466 0 0 1 2.46 2.454c0 .679-.275 1.287-.72 1.74a2.45 2.45 0 0 1-1.74.72H8.973c-4.278 0-5.48-5.727-3.217-7.99l1.358-1.357a.615.615 0 1 0-.87-.87L1.202 16.96c-.134.148-.672.756-.884 1.223a3.68 3.68 0 0 0 .764 4.101a3.68 3.68 0 0 0 2.602 1.082h15.578a3.67 3.67 0 0 0 2.602-1.082a3.68 3.68 0 0 0 1.082-2.602a3.68 3.68 0 0 0-1.082-2.602a3.65 3.65 0 0 0-2.602-1.09m1.047 3.692c0-.58-.467-1.046-1.047-1.046s-1.046.466-1.046 1.046s.466 1.047 1.046 1.047s1.047-.467 1.047-1.047m-3.953 1.047c.58 0 1.046-.467 1.046-1.047s-.466-1.046-1.046-1.046s-1.047.466-1.047 1.046c.007.58.474 1.047 1.047 1.047m-2.9 0c.58 0 1.047-.467 1.047-1.047s-.467-1.046-1.046-1.046s-1.047.466-1.047 1.046s.467 1.047 1.047 1.047m-2.907 0c.58 0 1.047-.467 1.047-1.047s-.467-1.046-1.047-1.046s-1.046.466-1.046 1.046s.466 1.047 1.046 1.047m-2.906-2.093c-.58 0-1.047.466-1.047 1.046s.467 1.047 1.047 1.047s1.047-.467 1.047-1.047s-.474-1.046-1.047-1.046m5.813-.983c.58 0 1.046-.467 1.046-1.047s-.467-1.046-1.046-1.046s-1.047.466-1.047 1.046s.467 1.047 1.047 1.047m-2.907 0c.58 0 1.047-.467 1.047-1.047s-.467-1.046-1.047-1.046s-1.046.466-1.046 1.046s.466 1.047 1.046 1.047m-3.953-1.047c0 .58.467 1.047 1.047 1.047s1.047-.467 1.047-1.047s-.467-1.046-1.047-1.046a1.053 1.053 0 0 0-1.047 1.046m3.953-2.03c.58 0 1.047-.466 1.047-1.046s-.467-1.046-1.047-1.046s-1.046.466-1.046 1.046s.466 1.047 1.046 1.047"/></svg>

Zectrix アイコンの使い方

React

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

<Icon icon="simple-icons:zectrix" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:zectrix" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:zectrix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--zectrix]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="simple-icons:zectrix"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/zectrix.svg" alt="Zectrix アイコン" width="24" height="24">

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

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

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

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

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

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

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

Simple Icons をすべて見る →