Round Filter Tilt Shift アイコン
ic:round-filter-tilt-shift
Round Filter Tilt Shift アイコン(ic:round-filter-tilt-shift)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Google Material Icons
- 作者
- Material Design Authors
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 画像
- タグ
- blur、center、dash、dashed、edit、editing、effect、filter、focus、image、images、photography、picture、pictures、shift、tilt
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11 3.23c0-.64-.59-1.13-1.21-.99c-1.12.26-2.18.7-3.12 1.3c-.53.34-.61 1.1-.16 1.55c.32.32.83.4 1.21.16c.77-.49 1.62-.85 2.54-1.05c.44-.1.74-.51.74-.97m6.33.32c-.94-.6-2-1.04-3.12-1.3a.998.998 0 0 0-1.21.98c0 .45.3.87.74.96c.91.2 1.77.57 2.53 1.05c.39.24.89.17 1.21-.16a.972.972 0 0 0-.15-1.53M20.77 11c.64 0 1.13-.59.99-1.21c-.26-1.12-.7-2.18-1.3-3.12c-.34-.53-1.1-.61-1.55-.16c-.32.32-.4.83-.16 1.21c.49.77.85 1.62 1.05 2.53c.1.45.51.75.97.75M5.1 6.51c-.46-.45-1.21-.38-1.55.16c-.6.94-1.04 2-1.3 3.12c-.14.62.34 1.21.98 1.21c.45 0 .87-.3.96-.74c.2-.91.57-1.77 1.05-2.53c.26-.39.18-.9-.14-1.22M3.23 13c-.64 0-1.13.59-.99 1.21c.26 1.12.7 2.17 1.3 3.12c.34.54 1.1.61 1.55.16c.32-.32.4-.83.15-1.21c-.49-.76-.85-1.61-1.05-2.53c-.09-.45-.5-.75-.96-.75M15 12c0-1.66-1.34-3-3-3s-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3m3.9 5.49c.45.45 1.21.38 1.55-.15c.6-.94 1.04-2 1.3-3.11c.14-.62-.35-1.21-.98-1.21c-.45 0-.87.3-.96.74c-.2.91-.57 1.76-1.05 2.53c-.26.37-.18.88.14 1.2M13 20.77c0 .64.59 1.13 1.21.99c1.12-.26 2.17-.7 3.12-1.3c.54-.34.61-1.1.16-1.55c-.32-.32-.83-.4-1.21-.15c-.76.49-1.61.85-2.53 1.05c-.45.09-.75.5-.75.96m-6.33-.32c.95.6 2 1.04 3.12 1.3c.62.14 1.21-.35 1.21-.98c0-.45-.3-.87-.74-.96a8 8 0 0 1-2.53-1.05a.97.97 0 0 0-1.21.16a.972.972 0 0 0 .15 1.53"/></svg>
Round Filter Tilt Shift アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ic:round-filter-tilt-shift" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ic:round-filter-tilt-shift" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ic:round-filter-tilt-shift" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--round-filter-tilt-shift]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:round-filter-tilt-shift"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ic:round-filter-tilt-shift"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ic/round-filter-tilt-shift.svg" alt="Round Filter Tilt Shift アイコン" width="24" height="24">
Google Material Icons の関連アイコン
Round Filter Tilt Shift アイコン のよくある質問
Round Filter Tilt Shift アイコンは商用利用でも無料ですか?
はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Round Filter Tilt Shift アイコンを使うには?
@iconify/react をインストールして <Icon icon="ic:round-filter-tilt-shift" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Round Filter Tilt Shift アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ic/round-filter-tilt-shift.svg" alt="Round Filter Tilt Shift アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Google Material Icons をすべて見る →
ICONYZ
