ICONYZ
日本語
Reicon の Hashtag Down Filled アイコン

Hashtag Down Filled アイコン

reicon:hashtag-down-filled

Hashtag Down Filled アイコン(reicon:hashtag-down-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Reicon
作者
REICON
ライセンス
MIT
サイズ
24 × 24
カテゴリ
新しいアイコン
タグ
hashtagdown、downfilled、hashtagdownfilled
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.08 11.832h1.65l.19-1.66h-1.65z"/><path d="M21.97 7.21c-.2-3.08-2.1-4.98-5.18-5.18q-.3-.03-.6-.03H7.81q-.3 0-.6.03c-3.08.2-4.98 2.1-5.18 5.18q-.03.3-.03.6v8.38q0 .3.03.6c.2 3.08 2.1 4.98 5.18 5.18q.3.03.6.03h5.69c.55 0 1-.45 1-1v-2.97a3.53 3.53 0 0 1 3.53-3.53H21c.55 0 1-.45 1-1V7.81q0-.3-.03-.6M16 10.17h-2.57l-.19 1.66h2.23a.749.749 0 1 1 0 1.5h-2.39l-.28 2.49c-.04.38-.37.67-.75.67c-.02 0-.05 0-.08-.01a.74.74 0 0 1-.66-.83l.26-2.32H9.92l-.28 2.49c-.04.38-.37.67-.74.67c-.03 0-.06 0-.09-.01a.74.74 0 0 1-.66-.83l.26-2.32H6c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.57l.19-1.66H6.53a.749.749 0 1 1 0-1.5h2.39l.28-2.49c.05-.41.42-.71.83-.66c.41.04.71.41.66.83l-.26 2.32h1.65l.28-2.49c.05-.41.42-.71.83-.66c.41.04.71.41.66.83l-.26 2.32H16c.41 0 .75.34.75.75s-.34.75-.75.75"/><path d="M20.97 23h-2.94c-1.27 0-2.03-.76-2.03-2.03v-2.94c0-1.27.76-2.03 2.03-2.03h2.94c1.27 0 2.03.76 2.03 2.03v2.94c0 1.27-.76 2.03-2.03 2.03m.22-3.31a.62.62 0 0 0-.44-.18a.62.62 0 0 0-.44.18l-.18.18v-2.24c0-.35-.28-.63-.63-.63s-.63.28-.63.63v2.24l-.18-.18a.63.63 0 0 0-.88 0c-.24.24-.24.64 0 .88l1.25 1.25c.05.05.12.09.19.12c.02.01.04.01.06.02c.05.02.1.03.16.03h.06c.07 0 .13-.01.2-.04h.02q.105-.045.18-.12c.01-.01.01-.01.02-.01l1.25-1.25c.24-.24.24-.64-.01-.88"/></g></svg>

Hashtag Down Filled アイコンの使い方

React

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

<Icon icon="reicon:hashtag-down-filled" width="24" />

Vue

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

<template>
  <Icon icon="reicon:hashtag-down-filled" width="24" />
</template>

Svelte

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

<Icon icon="reicon:hashtag-down-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--hashtag-down-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:hashtag-down-filled"></div>

Web コンポーネント

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

<iconify-icon icon="reicon:hashtag-down-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/hashtag-down-filled.svg" alt="Hashtag Down Filled アイコン" width="24" height="24">

Reicon の関連アイコン

Hashtag Down Filled アイコン のよくある質問

Hashtag Down Filled アイコンは商用利用でも無料ですか?

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

React で Hashtag Down Filled アイコンを使うには?

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

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

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

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