Svelte アイコン
devicon-plain:svelte
Svelte アイコン(devicon-plain:svelte)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M110.293 16.914C98.586-.086 75.668-5 58.02 5.707l-29.856 18.98a33.94 33.94 0 0 0-15.418 22.938a35.54 35.54 0 0 0 3.566 23.102a33 33 0 0 0-5.066 12.793a36.52 36.52 0 0 0 6.191 27.52c11.727 16.96 34.583 21.897 52.27 11.312l29.879-19a34.03 34.03 0 0 0 15.355-22.938a35.44 35.44 0 0 0-3.586-23.02c7.938-12.456 7.52-28.48-1.062-40.48m-55.254 95.773a23.645 23.645 0 0 1-25.394-9.433c-3.461-4.793-4.73-10.711-3.73-16.586l.585-2.832l.54-1.75l1.605 1.062c3.52 2.668 7.46 4.582 11.668 5.875l1.082.375l-.122 1.067c-.105 1.48.332 3.144 1.188 4.414c1.75 2.52 4.793 3.73 7.727 2.937c.644-.207 1.273-.418 1.812-.754l29.754-18.976c1.5-.961 2.457-2.398 2.832-4.106c.328-1.773-.106-3.585-1.066-5.02c-1.774-2.46-4.793-3.565-7.727-2.831c-.645.226-1.332.48-1.879.812l-11.25 7.145c-10.644 6.328-24.394 3.355-31.46-6.832a21.85 21.85 0 0 1-3.75-16.586a20.64 20.64 0 0 1 9.456-13.875l29.692-18.98c1.875-1.168 3.894-2.02 6.082-2.668c9.605-2.5 19.726 1.27 25.394 9.394a22.03 22.03 0 0 1 3.043 19.398l-.543 1.77l-1.539-1.062a39.4 39.4 0 0 0-11.727-5.875l-1.066-.313l.106-1.066c.105-1.563-.332-3.207-1.188-4.48c-1.754-2.52-4.793-3.583-7.727-2.833c-.644.211-1.273.418-1.812.754L45.812 49.977c-1.5 1-2.46 2.394-2.773 4.144c-.312 1.707.106 3.582 1.066 4.957c1.708 2.524 4.81 3.586 7.688 2.832c.687-.207 1.332-.414 1.855-.75l11.375-7.254c1.856-1.226 3.938-2.12 6.067-2.707c9.668-2.52 19.75 1.274 25.394 9.438c3.461 4.793 4.793 10.707 3.832 16.52a20.5 20.5 0 0 1-9.332 13.874L61.23 109.97a25.8 25.8 0 0 1-6.187 2.707zm0 0"/></svg>
Svelte アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:svelte" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:svelte" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:svelte" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--svelte]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:svelte"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:svelte"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/svelte.svg" alt="Svelte アイコン" width="24" height="24">
Svelte アイコン のよくある質問
Svelte アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Svelte アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:svelte" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Svelte アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/svelte.svg" alt="Svelte アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Devicon Plain アイコン をすべて見る →
ICONYZ
