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 ファイルをダウンロードできます。
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
hashtag-chat
hashtag-chat-duotone
hashtag-chat-filled
hashtag-circle
hashtag-circle-duotone
hashtag-circle-filled
hashtag-down
hashtag-duotone
hashtag-filled
hashtag-square
hashtag-square-duotone
hashtag-square-filled
hashtag-up
hashtag-up-filled
hashtag2
hashtag2-filled
hashtag3
hashtag3-filled
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 コードをページに直接貼り付けます。