ICONYZ
日本語
theSVG の Myshell アイコン

Myshell アイコン

thesvg:myshell

Myshell アイコン(thesvg:myshell)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path fill-opacity=".33" d="M5.743 4C1.703 4 .306 13.31.002 15.83c-.026.216.241.328.404.182c7.957-7.15 11.644 3.594 14.802 3.594c-1.768 0-3.063-4.94-4.69-9.263C9.253 6.985 7.788 4 5.743 4M23.58 15.76c.153.185.454.063.417-.174c-.364-2.303-1.562-8.395-4.078-8.395c-1.547 0-1.941 3.084-2.337 6.178l-.002.01c3.381 0 4.665.758 6 2.38z"/><path d="M10.517 10.343c1.627 4.322 2.923 9.263 4.69 9.263c1.573 0 1.975-3.117 2.373-6.226l.002-.01c.396-3.095.79-6.18 2.336-6.18c-3.1 0-4.71 11.248-9.4 3.153z"/></g></svg>

Myshell アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg:myshell" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg:myshell" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg:myshell" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--myshell]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:myshell"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg:myshell"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/myshell.svg" alt="Myshell アイコン" width="24" height="24">

他のアイコンセットの Myshell アイコン

Myshell アイコン のよくある質問

Myshell アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Myshell アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg:myshell" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Myshell アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/myshell.svg" alt="Myshell アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG アイコン をすべて見る →