Hierarchy 1 Remix アイコン
streamline-flex:hierarchy-1-remix
Hierarchy 1 Remix アイコン(streamline-flex:hierarchy-1-remix)は、Flex free icons セットの無料 SVG アイコンです(作者: Streamline)。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- 基本インターフェース
- タグ
- hierarchyremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M9.529 1.634c-.222.222-.383.589-.383 1.172s.161.95.383 1.172c.221.222.587.384 1.169.384c.581 0 .947-.162 1.169-.384c.221-.222.383-.589.383-1.172s-.162-.95-.383-1.172c-.222-.222-.588-.384-1.17-.384c-.58 0-.947.162-1.168.384M8.644.75C9.164.23 9.886 0 10.698 0s1.535.23 2.053.75c.52.52.75 1.243.75 2.056s-.23 1.536-.75 2.055c-.518.52-1.241.75-2.053.75s-1.535-.23-2.054-.75a2.4 2.4 0 0 1-.498-.736l-.01.002c-.762.224-1.157.34-1.527.491c-.304.124-.596.274-1.063.542c.385.496.559 1.134.559 1.84c0 .71-.176 1.352-.566 1.85c.458.26.754.411 1.062.537c.378.154.783.274 1.542.497c.12-.278.286-.53.501-.745c.52-.52 1.242-.75 2.054-.75s1.535.23 2.053.75c.52.52.75 1.242.75 2.055s-.23 1.536-.75 2.056c-.518.52-1.241.75-2.053.75s-1.535-.23-2.054-.75s-.748-1.243-.748-2.056v-.08l-.074-.022c-.763-.223-1.243-.364-1.693-.548c-.5-.204-.955-.456-1.723-.907c-.339.115-.71.17-1.104.17c-.812 0-1.534-.232-2.053-.751C.73 8.536.5 7.813.5 7s.23-1.536.749-2.055s1.241-.75 2.053-.75c.4 0 .778.055 1.12.174l.043-.027c.747-.438 1.188-.684 1.672-.881c.432-.176.892-.311 1.62-.525l.14-.04l-.001-.09c0-.813.23-1.536.748-2.056m.502 10.444c0-.583.161-.95.383-1.172c.221-.222.587-.384 1.169-.384c.581 0 .947.162 1.169.384c.221.222.383.589.383 1.172s-.162.95-.383 1.172c-.222.222-.588.384-1.17.384c-.58 0-.947-.162-1.168-.384c-.222-.222-.383-.589-.383-1.172" clip-rule="evenodd"/></svg>Hierarchy 1 Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:hierarchy-1-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:hierarchy-1-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:hierarchy-1-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--hierarchy-1-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:hierarchy-1-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:hierarchy-1-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/hierarchy-1-remix.svg" alt="Hierarchy 1 Remix アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Hierarchy 1 Remix アイコン
Hierarchy 1 Remix アイコン のよくある質問
Hierarchy 1 Remix アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Hierarchy 1 Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:hierarchy-1-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hierarchy 1 Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/hierarchy-1-remix.svg" alt="Hierarchy 1 Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。