Alteryx アイコン
thesvg-color:alteryx
Alteryx アイコン(thesvg-color:alteryx)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 800 × 800 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 800 × 800
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><path fill="#128ec7" d="M327.7 339.7c42.6-.1 85.2-.3 127.8.1c9.8.1 14-2 13.8-12.9c-.5-49.6-.3-99.3-.1-148.9c0-7.4-1.8-11.6-9.2-15c-22.5-10.1-46.2-14.8-70-19.9c-28.7-6.2-57.6-5.2-86.4-4.5c-31.5.7-62.1 9.1-93 14.6c-10.7 1.9-21.6 2.9-32.7 2.6c-15.8-.4-25.2-9-30.1-22.8c-3.7-10.6-7.8-21.2-8.8-32.8c-1.8-21.3.2-26.9 19.5-36.5c24-12 50-18 76.2-22.9c66.1-12.3 133-12.4 199.1-3.7c43.4 5.7 86.1 18.3 125 40.3c19.5 11 29 27.9 29 50.6c-.2 151.1 0 302.1-.2 453.2c0 14.2 1.5 27.8 5.6 41.4c4.4 14.4 14.6 22.4 29.7 23c16.8.7 33-2.2 49.2-6c33.7-8.1 40.5-5.4 50.5 26.3c4.7 14.8 11.1 30.2 7 46.9c-4.6 18.7-20.9 24.2-35.4 30.1c-36.5 15.1-75.1 21.2-114.3 16.5c-32.1-3.9-62.1-14.5-83.7-41.3c-5.3-6.5-9.6-13.5-12.8-21.1c-3.1-7.3-6.8-9.7-13.7-4c-32.7 27.1-70.2 45.9-110.6 57.7c-33.3 9.7-68 11.8-102.7 9.4c-49.5-3.4-95.5-16.9-133.1-51c-20-18.2-33.3-41.3-41.9-67C66 596 66.5 548.4 75.1 501.8c12-65.2 50.9-111 112.3-136.4c33.6-13.9 134.6-25.7 140.2-25.7Zm141.7 180.2h-.2c0-25.9-.3-51.8.2-77.7c.2-9.4-3.2-11.8-12.2-11.6c-25.4.5-50.9 0-76.4.2c-38.1.3-76.4-2.6-113.7 8.3c-32 9.3-56.2 26-65.2 60.6c-7.7 29.3-9.7 58.4-4.6 88.3c7.8 46.3 33.2 62.7 72.8 69.5c30.2 5.2 59.9 1.9 89.8-4.3c36.5-7.5 69.6-21.9 101.3-40.8c6.5-3.9 8.4-8.9 8.3-16.2c-.4-25.5-.1-50.9-.1-76.4Z"/></svg>Alteryx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:alteryx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:alteryx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:alteryx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--alteryx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:alteryx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:alteryx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/alteryx.svg" alt="Alteryx アイコン" width="24" height="24">Alteryx アイコン のよくある質問
Alteryx アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Alteryx アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:alteryx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Alteryx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/alteryx.svg" alt="Alteryx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。