ICONYZ
日本語
Solar の Chat Unread Broken アイコン

Chat Unread Broken アイコン

solar:chat-unread-broken

Chat Unread Broken アイコン(solar:chat-unread-broken)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
メッセージ
タグ
chatunread、unreadbroken、chatunreadbroken
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M22 10.5V11.5C22 13.8297 22 14.9946 21.6194 15.9134C21.1119 17.1386 20.1386 18.1119 18.9134 18.6194C18.2531 18.8929 17.4658 18.9698 16.2104 18.9915C15.3601 19.0061 14.9349 19.0134 14.5972 19.2098C14.2595 19.4062 14.0492 19.7615 13.6288 20.4718L13.0867 21.3877C12.6035 22.204 11.3965 22.204 10.9133 21.3877L10.3712 20.4718C9.95074 19.7614 9.7405 19.4063 9.4028 19.2098C9.06511 19.0134 8.63994 19.0061 7.78959 18.9915C6.53423 18.9698 5.7469 18.8929 5.0866 18.6194C3.86146 18.1119 2.88809 17.1386 2.38062 15.9134"/><path stroke-linecap="round" d="M13.5 2H10.5C7.22657 2 5.58985 2 4.38751 2.7368C3.71473 3.14908 3.14908 3.71473 2.7368 4.38751C2 5.58985 2 7.22657 2 10.5"/><circle cx="19" cy="5" r="3"/></g></svg>

Chat Unread Broken アイコンの使い方

React

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

<Icon icon="solar:chat-unread-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:chat-unread-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:chat-unread-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--chat-unread-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:chat-unread-broken"></div>

Web コンポーネント

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

<iconify-icon icon="solar:chat-unread-broken"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/chat-unread-broken.svg" alt="Chat Unread Broken アイコン" width="24" height="24">

Solar の関連アイコン

Chat Unread Broken アイコン のよくある質問

Chat Unread Broken アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Chat Unread Broken アイコンを使うには?

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

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

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

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