Visible Remix アイコン
streamline-sharp:visible-remix
Visible Remix アイコン(streamline-sharp:visible-remix)は、Sharp free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Sharp free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Sharp free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- visibleremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2C8.879 2 6.859 3.101 5.194 4.901c-.796.86-1.502 1.87-2.205 2.932q-.332.502-.666 1.017a84 84 0 0 1-1.625 2.433L.195 12l.502.717a85 85 0 0 1 1.625 2.432q.335.517.666 1.018c.703 1.062 1.41 2.071 2.205 2.932C6.858 20.899 8.878 22 12 22s5.142-1.101 6.807-2.901c.796-.86 1.502-1.87 2.205-2.932q.331-.502.666-1.018c.505-.774 1.028-1.578 1.626-2.432l.501-.717l-.502-.717a85 85 0 0 1-1.625-2.432q-.335-.517-.665-1.018c-.704-1.062-1.41-2.071-2.206-2.932C17.143 3.101 15.123 2 12.001 2M4.445 13.826c-.375-.575-.775-1.19-1.206-1.826c.43-.636.831-1.25 1.206-1.826q.327-.503.628-.96C5.765 8.165 6.38 7.3 7.028 6.598C8.253 5.274 9.623 4.5 12.001 4.5s3.747.774 4.972 2.099c.65.702 1.263 1.567 1.956 2.614q.301.458.629.961c.374.576.774 1.19 1.205 1.826c-.43.636-.83 1.25-1.205 1.826q-.327.503-.63.96c-.692 1.048-1.306 1.913-1.955 2.615C15.748 18.726 14.378 19.5 12 19.5s-3.748-.774-4.973-2.099c-.65-.702-1.263-1.567-1.956-2.614q-.301-.458-.628-.961M12 15a3 3 0 1 0 0-6a3 3 0 0 0 0 6" clip-rule="evenodd"/></svg>Visible Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-sharp:visible-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-sharp:visible-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-sharp:visible-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-sharp--visible-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-sharp -->
<div class="i-streamline-sharp:visible-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-sharp:visible-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-sharp/visible-remix.svg" alt="Visible Remix アイコン" width="24" height="24">Sharp free icons の関連アイコン
他のアイコンセットの Visible Remix アイコン
Visible Remix アイコン のよくある質問
Visible Remix アイコンは商用利用でも無料ですか?
はい。Sharp free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Visible Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-sharp:visible-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Visible Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-sharp/visible-remix.svg" alt="Visible Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。