Smile2 アイコン
raphael:smile2
Smile2 アイコン(raphael:smile2)は、Raphael セットの無料 SVG アイコンです（作者: Dmitry Baranovskiy）。 32 × 32 のグリッドで描かれています。 Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Raphael
- 作者
- Dmitry Baranovskiy
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 1.466C7.973 1.466 1.466 7.973 1.466 16S7.973 30.534 16 30.534S30.534 24.027 30.534 16S24.027 1.466 16 1.466m0 28.068C8.54 29.534 2.466 23.462 2.466 16C2.466 8.54 8.54 2.466 16 2.466c7.462 0 13.535 6.072 13.535 13.533c0 7.462-6.073 13.534-13.535 13.534zM11.104 14c.932 0 1.688-1.483 1.688-3.312s-.755-3.312-1.688-3.312s-1.688 1.483-1.688 3.312S10.172 14 11.104 14m9.625 0c.933 0 1.687-1.483 1.687-3.312s-.756-3.312-1.688-3.312c-.933 0-1.69 1.483-1.69 3.312S19.8 14 20.73 14zM8.142 21.19C10.458 24.242 13.148 26 16.02 26c2.97 0 5.746-1.868 8.11-5.11c-2.514 1.755-5.29 2.735-8.214 2.735c-2.752 0-5.376-.87-7.773-2.436z"/></svg>Smile2 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="raphael:smile2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="raphael:smile2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="raphael:smile2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--smile2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:smile2"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:smile2"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/raphael/smile2.svg" alt="Smile2 アイコン" width="24" height="24">他のアイコンセットの Smile2 アイコン
Smile2 アイコン のよくある質問
Smile2 アイコンは商用利用でも無料ですか?
はい。Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Smile2 アイコンを使うには?
@iconify/react をインストールして <Icon icon="raphael:smile2" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Smile2 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/raphael/smile2.svg" alt="Smile2 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。