Sad Tear Solid アイコン
la:sad-tear-solid
Sad Tear Solid アイコン(la:sad-tear-solid)は、Line Awesome セットの無料 SVG アイコンです(作者: Icons8)。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 絵文字
- タグ
- sadtear、tearsolid、sadtearsolid
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4C9.383 4 4 9.383 4 16s5.383 12 12 12s12-5.383 12-12S22.617 4 16 4m0 2c5.535 0 10 4.465 10 10s-4.465 10-10 10S6 21.535 6 16S10.465 6 16 6m-4 4c-1.238 0-2.18.691-2.813 1.281a8.3 8.3 0 0 0-1.03 1.156l1.687 1.126s.246-.434.687-.844S11.547 12 12 12h3v-2zm5 0v2h3c.453 0 1.027.309 1.469.719c.441.41.687.844.687.844l1.688-1.126s-.399-.566-1.032-1.156C22.18 10.691 21.238 10 20 10zm-8.5 4S7 16.672 7 17.5a1.5 1.5 0 0 0 3 0c0-.828-1.5-3.5-1.5-3.5m7.5 2c-2.336 0-3.934 1.234-4.813 2.406s-1.156 2.344-1.156 2.344L9.72 22h12.56l-.312-1.25s-.278-1.172-1.157-2.344C19.934 17.234 18.337 16 16 16m0 2c1.672 0 2.566.766 3.188 1.594c.152.207.113.215.218.406h-6.812c.105-.191.066-.2.219-.406C13.432 18.766 14.328 18 16 18"/></svg>Sad Tear Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:sad-tear-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:sad-tear-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:sad-tear-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--sad-tear-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:sad-tear-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:sad-tear-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/la/sad-tear-solid.svg" alt="Sad Tear Solid アイコン" width="24" height="24">Line Awesome の関連アイコン
Sad Tear Solid アイコン のよくある質問
Sad Tear Solid アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sad Tear Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:sad-tear-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sad Tear Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/sad-tear-solid.svg" alt="Sad Tear Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。