Etcd アイコン
simple-icons:etcd
Etcd アイコン(simple-icons:etcd)は、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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.985 10.715A1.565 1.565 0 1 1 9.42 9.151a1.566 1.566 0 0 1 1.565 1.564m2.023 0a1.565 1.565 0 1 0 1.565-1.564a1.564 1.564 0 0 0-1.565 1.564m10.653 1.698a4 4 0 0 1-.346.013a4.5 4.5 0 0 1-1.986-.462a18.5 18.5 0 0 0 .267-3.515a18 18 0 0 0-2.274-2.695a4.5 4.5 0 0 1 1.603-1.717l.294-.182l-.23-.26a12 12 0 0 0-4.182-3.05l-.319-.138l-.08.336a4.5 4.5 0 0 1-1.135 2.058a18 18 0 0 0-3.277-1.35a18 18 0 0 0-3.272 1.348A4.5 4.5 0 0 1 7.594.745L7.512.408l-.317.139a12.1 12.1 0 0 0-4.182 3.05l-.23.259l.294.182a4.5 4.5 0 0 1 1.599 1.708a18.3 18.3 0 0 0-2.27 2.685a18.4 18.4 0 0 0 .26 3.538a4.5 4.5 0 0 1-1.975.458a4 4 0 0 1-.346-.013L0 12.386l.032.344a11.9 11.9 0 0 0 1.609 4.924l.175.298l.263-.223a4.5 4.5 0 0 1 2.132-.998a18.3 18.3 0 0 0 1.824 2.971a18.5 18.5 0 0 0 3.457.85a4.5 4.5 0 0 1-.287 2.36l-.132.319l.338.075a12 12 0 0 0 2.59.286l2.59-.286l.338-.075l-.131-.32a4.5 4.5 0 0 1-.287-2.361a18.5 18.5 0 0 0 3.443-.848a18 18 0 0 0 1.826-2.974a4.5 4.5 0 0 1 2.143.999l.263.223l.175-.296a11.9 11.9 0 0 0 1.607-4.924l.032-.343zm-7.958 4.209a14 14 0 0 1-7.416 0a14.2 14.2 0 0 1-2.256-7.013a14 14 0 0 1 2.687-2.558a14.3 14.3 0 0 1 3.279-1.784a14.4 14.4 0 0 1 3.27 1.779a14.2 14.2 0 0 1 2.7 2.576a14.3 14.3 0 0 1-.675 3.652a14.4 14.4 0 0 1-1.59 3.348z"/></svg>Etcd アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:etcd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:etcd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:etcd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--etcd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:etcd"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:etcd"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/etcd.svg" alt="Etcd アイコン" width="24" height="24">他のアイコンセットの Etcd アイコン
Etcd アイコン のよくある質問
Etcd アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Etcd アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:etcd" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Etcd アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/etcd.svg" alt="Etcd アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。