Cloud Remix アイコン

Q: Cloud Remix アイコンは商用利用でも無料ですか?

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

streamline-flex:cloud-remix

Cloud Remix アイコン(streamline-flex:cloud-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
カテゴリ: 基本インターフェース
タグ: cloudremix

SVG をダウンロード

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="M4.66 4.053q.278-.494.713-.791c.464-.32 1.101-.512 1.936-.512c1.017 0 1.741.283 2.222.744c.481.462.797 1.178.846 2.198a.625.625 0 0 0 .613.595c.636.012 1.051.204 1.311.483c.265.283.449.741.449 1.437c0 .745-.224 1.271-.557 1.661c-.342.402-.833.7-1.42.913c-1.187.433-2.603.469-3.464.469c-.855 0-2.43-.043-3.773-.532c-.667-.243-1.237-.581-1.637-1.042c-.39-.448-.649-1.046-.649-1.882c0-.933.251-1.572.639-1.976c.374-.39.954-.64 1.795-.654l.039.001c.436 0 .866.151 1.227.386c.367.239.614.533.717.762a.625.625 0 0 0 1.14-.513c-.223-.495-.656-.959-1.175-1.297a3.7 3.7 0 0 0-.973-.45M7.31 1.5c-1.024 0-1.926.236-2.647.733A3.65 3.65 0 0 0 3.338 3.93c-.945.073-1.756.404-2.35 1.022C.312 5.655 0 6.644 0 7.794c0 1.125.36 2.018.956 2.702c.584.672 1.362 1.109 2.152 1.396c1.568.571 3.336.608 4.201.608c.861 0 2.477-.028 3.893-.544c.714-.26 1.417-.66 1.943-1.277c.536-.63.855-1.448.855-2.472c0-.909-.243-1.71-.785-2.29c-.427-.457-.991-.727-1.64-.83c-.137-1.01-.523-1.866-1.178-2.495C9.625 1.852 8.558 1.5 7.309 1.5" clip-rule="evenodd"/></svg>

Cloud Remix アイコンの使い方

React

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

<Icon icon="streamline-flex:cloud-remix" width="24" />

Vue

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

<template>
  <Icon icon="streamline-flex:cloud-remix" width="24" />
</template>

Svelte

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

<Icon icon="streamline-flex:cloud-remix" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--cloud-remix]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:cloud-remix"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-flex:cloud-remix"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-flex/cloud-remix.svg" alt="Cloud Remix アイコン" width="24" height="24">

Flex free icons の関連アイコン

他のアイコンセットの Cloud Remix アイコン

Cloud Remix アイコンのよくある質問

Cloud Remix アイコンは商用利用でも無料ですか?

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

React で Cloud Remix アイコンを使うには?

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

Cloud Remix アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/cloud-remix.svg" alt="Cloud Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Flex free icons をすべて見る →