Getx アイコン
simple-icons:getx
Getx アイコン(simple-icons:getx)は、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.643.934c-.302.067-.928.29-1.386.503c-2.167 1.05-3.485 3.52-3.15 5.899a5.76 5.76 0 0 0 1.575 3.25c1.128 1.174 2.469 1.732 4.134 1.744c1.642 0 2.994-.57 4.133-1.743C19.39 7 17.055 1.113 12.095.867c-.492-.022-1.14 0-1.452.067M13.77 3.17c.905.335 1.966 1.374 2.178 2.145c.213.793.1 1.82-.29 2.547c-.86 1.575-2.816 2.726-3.989 2.346c-.536-.179-1.25-.994-1.642-1.855c-.847-1.889-1.127-3.52-.736-4.28c.592-1.15 2.715-1.575 4.48-.904Zm-9.663 8.69c-2.838.916-4.513 3.598-4.022 6.48c.48 2.86 3.173 4.994 6.033 4.77c2.033-.145 3.765-1.24 4.681-2.96c.503-.96.681-1.676.681-2.815c0-2.045-.971-3.799-2.737-4.894c-1.24-.782-3.25-1.028-4.636-.58Zm2.436 1.799c2.737.447 4.222 2.737 3.15 4.882c-.436.86-1.352 1.732-2.29 2.179c-.637.29-.838.335-1.43.29c-1.028-.067-1.486-.48-2.045-1.877c-.67-1.642-.95-3.608-.614-4.245c.413-.771 1.117-1.162 2.413-1.33c.067 0 .424.045.816.101m9.842-1.743c-3.34 1.173-4.837 4.882-3.273 8.077c.435.894 1.463 1.944 2.38 2.425c2.356 1.24 4.904.871 6.78-.995c3.05-3.016 1.9-8.077-2.178-9.507c-1.039-.368-2.67-.368-3.709 0m3.419 1.978c1.184.38 2.368 1.485 2.636 2.48c.179.659.078 1.609-.223 2.234c-.548 1.129-1.91 2.145-3.251 2.413c-1.81.358-2.737-.882-3.15-4.19c-.247-1.999.3-2.915 1.91-3.16c.67-.101 1.25-.046 2.078.223"/></svg>Getx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:getx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:getx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:getx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--getx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:getx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:getx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/getx.svg" alt="Getx アイコン" width="24" height="24">他のアイコンセットの Getx アイコン
Getx アイコン のよくある質問
Getx アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Getx アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:getx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Getx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/getx.svg" alt="Getx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。