Appsmith アイコン
simple-icons:appsmith
Appsmith アイコン(simple-icons:appsmith)は、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="M16.15 12.723v-1.845h-1.163v.422h.61v1.423h-.61v.421h1.774v-.421zm5.69 1.167v-.421H24v.421zm-.66-2.852q.213.214.213.604v1.502h-.552v-1.41q0-.43-.426-.43a.48.48 0 0 0-.36.152q-.147.151-.147.419v1.27h-.552v-3.023h.552v1.06q.259-.356.69-.356q.37 0 .582.212m-2.475.262h-.706v1.225q0 .11.06.153q.058.044.198.043h.404v.422c-.12.012-.432.017-.505.017q-.368 0-.538-.138t-.17-.441V11.3h-.513v-.422h.514v-.756h.55v.756h.706zm-4.447-.255q.208.22.209.602v1.497h-.553v-1.41q0-.43-.39-.43a.43.43 0 0 0-.343.152q-.129.151-.13.441v1.247h-.547v-1.41q0-.43-.395-.43a.42.42 0 0 0-.336.152q-.13.152-.13.442v1.247h-.552v-2.267h.536v.325q.232-.377.644-.377q.518 0 .703.421q.254-.421.702-.421q.374 0 .582.22zm-5.83 1.379h.541q.022.21.138.299q.117.087.367.087q.448 0 .448-.272a.22.22 0 0 0-.097-.189q-.096-.066-.347-.11l-.259-.043q-.742-.123-.742-.685q0-.32.246-.503q.245-.182.694-.182q.97 0 1.001.767h-.522q-.009-.202-.127-.288t-.351-.085q-.396 0-.396.263a.21.21 0 0 0 .088.178q.088.063.29.099l.285.043q.413.075.6.238q.186.162.186.452q0 .342-.263.527q-.263.184-.742.184q-.993.001-1.037-.78zm-.77-1.278q.272.325.272.865t-.272.86q-.276.324-.742.324t-.703-.346v1.154h-.552v-3.125h.531v.325q.246-.377.725-.377q.463 0 .74.32zm-.874 1.594q.272 0 .43-.198q.157-.197.153-.548q0-.347-.151-.53q-.152-.182-.433-.182q-.276 0-.43.19q-.153.188-.153.54q0 .355.158.54q.148.188.425.188zm-1.972-1.594q.272.325.272.865t-.272.86q-.276.324-.742.324t-.703-.346v1.154h-.552v-3.125h.531v.325q.246-.377.725-.377q.464 0 .74.32zm-.874 1.594q.272 0 .43-.198q.158-.197.153-.548q0-.347-.151-.53q-.152-.182-.433-.182q-.276 0-.43.19q-.153.188-.153.54q0 .355.158.54q.15.188.426.188m-2.331.404q-.04-.07-.062-.276q-.228.33-.728.33q-.374 0-.595-.18Q0 12.837 0 12.516q0-.62.87-.706l.342-.03a.5.5 0 0 0 .245-.082a.22.22 0 0 0 .075-.178q0-.145-.094-.213q-.095-.068-.319-.068q-.241 0-.347.081q-.105.082-.122.28H.105q.048-.773 1.019-.774q.944 0 .944.681v1.207q0 .3.092.43zm-.237-.484q.162-.143.162-.41v-.207a.47.47 0 0 1-.26.092l-.298.034q-.22.027-.313.103a.27.27 0 0 0-.094.222a.28.28 0 0 0 .098.227q.099.081.283.081q.26 0 .422-.142m14.282-2.142a.3.3 0 0 1-.09-.214a.307.307 0 0 1 .307-.307a.3.3 0 0 1 .215.09a.3.3 0 0 1 .087.217a.3.3 0 0 1-.09.215a.3.3 0 0 1-.213.087a.3.3 0 0 1-.216-.088"/></svg>Appsmith アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:appsmith" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:appsmith" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:appsmith" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--appsmith]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:appsmith"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:appsmith"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/appsmith.svg" alt="Appsmith アイコン" width="24" height="24">他のアイコンセットの Appsmith アイコン
Appsmith アイコン のよくある質問
Appsmith アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Appsmith アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:appsmith" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Appsmith アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/appsmith.svg" alt="Appsmith アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。