Movies Reel アイコン

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

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

streamline-ultimate-color:movies-reel

Movies Reel アイコン(streamline-ultimate-color:movies-reel)は、Ultimate color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Ultimate color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 動画・映画・テレビ
タグ: moviesreel、movy

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M10.296 14.436h-6.86a2.38 2.38 0 0 0 0 4.758h16.652a1.903 1.903 0 1 1 0 3.806h-9.515"/><path fill="#ffef5e" d="M15.33 10.154a1.427 1.427 0 1 0 0-2.855a1.427 1.427 0 0 0 0 2.855"/><path fill="#6b6b6b" d="m17.51 3.493l-.905 2.17a3.33 3.33 0 0 0-2.55-.01l-.913-2.18a5.4 5.4 0 0 1 2.065-.399c.785.008 1.564.15 2.302.419m-5.138 6.509l-2.293.913a6.06 6.06 0 0 1 .019-4.368v-.01l2.379.914a2.77 2.77 0 0 0-.105 2.55m5.139 3.979a6.04 6.04 0 0 1-4.359-.02h-.01l.914-2.379a2.77 2.77 0 0 0 2.55.105zm3.054-3.074v.01l-2.379-.914a2.78 2.78 0 0 0 .105-2.55l2.293-.914a6.1 6.1 0 0 1-.019 4.368"/><path fill="#e3e3e3" d="M15.33 1.114a7.612 7.612 0 1 0 0 15.225a7.612 7.612 0 0 0 0-15.225m-2.96 8.888l-2.292.913a6.06 6.06 0 0 1 .019-4.368v-.01l2.379.914a2.77 2.77 0 0 0-.105 2.55m.781 3.958h-.01l.914-2.379a2.77 2.77 0 0 0 2.55.105l.904 2.293a6.04 6.04 0 0 1-4.358-.019m.752-5.234a1.428 1.428 0 1 1 2.855 0a1.428 1.428 0 0 1-2.855 0m2.702-3.064a3.33 3.33 0 0 0-2.55-.01l-.913-2.178a5.4 5.4 0 0 1 2.065-.4c.785.008 1.564.15 2.302.419zm3.959 5.243v.01l-2.379-.913a2.78 2.78 0 0 0 .105-2.55l2.293-.914a6.1 6.1 0 0 1-.02 4.367"/><path fill="#fff" d="M13.903 8.726a1.427 1.427 0 0 1 2.514-.917l4.377-4.377a7.614 7.614 0 0 0-13.19 5.321a7.6 7.6 0 0 0 2.431 5.437l4.378-4.377a1.42 1.42 0 0 1-.51-1.087m-1.532 1.276l-2.294.913a6.06 6.06 0 0 1 .02-4.368v-.01l2.378.914a2.77 2.77 0 0 0-.104 2.55m2.835-6.928c.786.008 1.565.15 2.303.419l-.904 2.17a3.33 3.33 0 0 0-2.55-.01l-.914-2.18a5.4 5.4 0 0 1 2.065-.399"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M15.33 1.114a7.612 7.612 0 1 0 0 15.225a7.612 7.612 0 0 0 0-15.225m-2.96 8.888l-2.292.913a6.06 6.06 0 0 1 .019-4.368v-.01l2.379.914a2.77 2.77 0 0 0-.105 2.55m.781 3.958h-.01l.914-2.379a2.77 2.77 0 0 0 2.55.105l.904 2.293a6.04 6.04 0 0 1-4.358-.019m.752-5.234a1.428 1.428 0 1 1 2.855 0a1.428 1.428 0 0 1-2.855 0m2.702-3.064a3.33 3.33 0 0 0-2.55-.01l-.913-2.178a5.4 5.4 0 0 1 2.065-.4c.785.008 1.564.15 2.302.419zm3.959 5.243v.01l-2.379-.913a2.78 2.78 0 0 0 .105-2.55l2.293-.914a6.1 6.1 0 0 1-.02 4.367"/></g></svg>

Movies Reel アイコンの使い方

React

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

<Icon icon="streamline-ultimate-color:movies-reel" width="24" />

Vue

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

<template>
  <Icon icon="streamline-ultimate-color:movies-reel" width="24" />
</template>

Svelte

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

<Icon icon="streamline-ultimate-color:movies-reel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--movies-reel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:movies-reel"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-ultimate-color:movies-reel"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/movies-reel.svg" alt="Movies Reel アイコン" width="24" height="24">

Ultimate color icons の関連アイコン

他のアイコンセットの Movies Reel アイコン

Movies Reel アイコンのよくある質問

Movies Reel アイコンは商用利用でも無料ですか?

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

React で Movies Reel アイコンを使うには?

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

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

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

Ultimate color icons をすべて見る →