Filter Close Bold Duotone アイコン

Q: Filter Close Bold Duotone アイコンは商用利用でも無料ですか?

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

solar:filter-close-bold-duotone

Filter Close Bold Duotone アイコン(solar:filter-close-bold-duotone)は、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
カテゴリ: UI
タグ: filterclose、closebold、boldduotone、filtercloseboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.874 3.50177C16.5811 3.79466 16.5811 4.26943 16.874 4.56232L18.6415 6.3299L16.874 8.09748C16.5811 8.39037 16.5811 8.86611 16.874 9.159C17.1668 9.45133 17.6418 9.45148 17.9345 9.159L19.7021 7.39045L21.4697 9.159C21.7626 9.45165 22.2384 9.45181 22.5312 9.159C22.8238 8.86617 22.8238 8.39031 22.5312 8.09748L20.7626 6.3299L22.5312 4.56232C22.8235 4.26955 22.8235 3.79455 22.5312 3.50177C22.2384 3.20896 21.7626 3.20913 21.4697 3.50177L19.7021 5.26935L17.9345 3.50177C17.6417 3.20898 17.1669 3.20914 16.874 3.50177Z"/><path d="M2.43945 3.41211C2.00014 3.82429 2 4.48775 2 5.81445V6.50488C2 7.54239 2.00025 8.06111 2.25977 8.49121C2.51937 8.92139 2.99384 9.18869 3.94238 9.72266L6.85547 11.3623C7.49152 11.7204 7.80931 11.8999 8.03711 12.0977C8.51152 12.5095 8.80414 12.9934 8.93652 13.5869C8.99999 13.8716 9 14.2049 9 14.8701V17.542C9 18.4515 9.00003 18.9072 9.25195 19.2617C9.50388 19.616 9.95134 19.791 10.8457 20.1406C12.7243 20.875 13.6641 21.242 14.332 20.8242C14.9999 20.4064 15 19.4514 15 17.542V14.8701C15 14.2049 15 13.8716 15.0635 13.5869C15.1959 12.9934 15.4885 12.5095 15.9629 12.0977C16.1907 11.8999 16.5085 11.7204 17.1445 11.3623L18.5547 10.5684C18.5547 10.5684 16.692 11.0972 15.8135 10.2197C14.9348 9.34105 14.9348 7.91579 15.8135 7.03711L16.5205 6.33008L15.8135 5.62305C15.1035 4.91303 14.9668 3.8468 15.4043 3H5C3.5859 3 2.8788 3.00001 2.43945 3.41211Z" opacity=".5"/></g></svg>

Filter Close Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:filter-close-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:filter-close-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:filter-close-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--filter-close-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:filter-close-bold-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:filter-close-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/filter-close-bold-duotone.svg" alt="Filter Close Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Filter Close Bold Duotone アイコンのよくある質問

Filter Close Bold Duotone アイコンは商用利用でも無料ですか?

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

React で Filter Close Bold Duotone アイコンを使うには?

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

Filter Close Bold Duotone アイコンをウェブページに追加するには?

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

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