Sms アイコン

vs:sms

Sms アイコン(vs:sms)は、Vesper Icons セットの無料 SVG アイコンです（作者: TableCheck）。 1792 × 1600 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Vesper Icons
作者: TableCheck
ライセンス: OFL-1.1
サイズ: 1792 × 1600

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1792" height="1600" viewBox="0 0 1792 1600"><path fill="currentColor" d="M1792 704q0 174-120 321.5t-326 233t-450 85.5q-70 0-145-8q-198 175-460 242q-49 14-114 22q-17 2-30.5-9t-17.5-29v-1q-3-4-.5-12t2-10t4.5-9.5l6-9l7-8.5l8-9q7-8 31-34.5t34.5-38t31-39.5t32.5-51t27-59t26-76q-157-89-247.5-220T0 704q0-130 71-248.5T262 251t286-136.5T896 64q244 0 450 85.5t326 233T1792 704M128 802q22 189 218 189q91 0 151.5-42T558 820q0-36-10.5-64T521 709.5t-43-33t-52-23t-62-17.5q-80-18-102-41q-12-13-12-29q0-29 28-42t61-13q44 0 66.5 18.5T435 591l107-4q-3-86-58-127.5T340 418q-80 0-136 39t-56 116q0 71 45 109t123 58q4 1 25 5.5t31 7.5t28 9.5t27 13.5t16.5 19t7.5 26q0 39-31.5 57.5T347 897q-96 0-115-105zm519 180h98l1-436l103 436h103l104-436l1 436h99V429H995l-93 376l-95-376H647zm587-180q22 189 219 189q90 0 150.5-42t60.5-129q0-45-14-77t-44.5-52.5T1546 659t-76-23q-80-18-102-41q-12-13-12-29q0-29 28-42t61-13q44 0 67 18.5t30 61.5l107-4q-3-86-58-127.5T1447 418q-80 0-136.5 39T1254 573q0 71 45.5 109t123.5 58q5 1 25 5.5t30 7.5t27.5 9.5t27 13.5t17 19t7.5 26q0 39-31 57.5t-72 18.5q-98 0-115-105z"/></svg>

Sms アイコンの使い方

React

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

<Icon icon="vs:sms" width="24" />

Vue

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

<template>
  <Icon icon="vs:sms" width="24" />
</template>

Svelte

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

<Icon icon="vs:sms" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="vs:sms"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vs/sms.svg" alt="Sms アイコン" width="24" height="24">

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

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

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

はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Vesper Icons をすべて見る →