Composer アイコン

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

はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。

file-icons:composer

Composer アイコン(file-icons:composer)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 396 × 512 のグリッドで描かれています。 File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: File Icons
作者: John Gardner
ライセンス: ISC
サイズ: 396 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="396" height="512" viewBox="0 0 396 512"><path fill="currentColor" d="M352.496 394.763c-1.589-2.542 2.065-20.64 5.403-27.138c1.906-3.813 4.45-12.694 5.562-19.687c4.608-27.614 10.31-49.985 16.667-65.221c13.49-31.905 14.76-36.654 12.694-45.554c-1.112-4.29-1.588-9.834-.952-12.535c.476-2.543.158-6.515-.636-8.722c-1.112-3.02-1.112-4.926.158-6.356c1.43-1.908.478-3.974-4.926-10.312c-3.654-4.29-6.514-8.086-6.197-8.245c.318-.318 3.179-1.589 6.197-2.86l5.562-2.543l1.59-21.735c.953-11.9 1.43-21.594 1.43-21.594c-.16 0-7.133 2.066-15.715 4.768c-8.563 2.542-16.349 4.767-17.462 4.767c-2.224 0-4.29-4.131-11.105-23.165c-4.45-12.059-5.244-15.872-4.45-23.8c.954-10.947-2.86-36.178-7.609-50.303c-6.357-19.05-20.032-49.915-26.548-52.776c-5.561-2.7-9.516-2.066-11.582 1.59c-2.066 3.972-1.907 4.45 5.561 21.735l5.72 13.33l-9.833-7.787C279.972 13.476 258.696 1.893 246.637.463c-7.627-.952-7.928-.794-9.676 3.974c-1.112 2.7-3.178 5.243-4.766 5.561c-2.066.636-2.86 2.384-2.86 6.815c0 5.562 1.27 7.15 16.349 21.576c8.88 8.404 15.554 15.396 14.92 15.555c-.636 0-6.834-3.655-13.49-8.245c-9.993-6.674-13.49-8.246-19.21-8.405c-13.33 0-13.013 9.199.635 18.892c4.768 3.496 14.284 11.9 20.958 18.892l12.377 12.695l-11.105 1.908c-17.462 3.178-24.437 5.402-26.185 8.88c-3.336 6.198-1.27 7.928 17.145 13.967c9.834 3.336 19.368 7.45 21.417 9.199c6.356 5.88 14.488 10.559 23.052 13.42c5.561 1.748 9.039 3.972 10.151 6.356c.954 2.066 3.338 4.45 5.403 5.402c2.543 1.112 4.45 4.132 6.356 10.47c1.43 4.926 2.225 9.358 1.748 9.835c-.476.318-6.991 2.702-14.442 4.926l-13.649 4.29l11.583 20.623c10.629 19.21 11.74 20.64 15.873 20.163c5.243-.477 5.243-.477.795 6.992l-3.496 5.88l3.654 6.673c2.384 4.61 3.178 8.087 2.542 10.312c-.952 3.019-1.588 2.542-4.766-4.291c-4.132-8.881-15.396-23.642-22.211-29.362c-11.742-9.516-16.668-11.424-31.905-11.582l-14.284-.318l-7.451-7.151c-3.973-3.973-11.423-9.2-16.509-11.741c-8.722-4.29-10.31-4.608-29.045-4.608h-19.844l-15.079 7.927c-19.37 9.994-39.356 29.68-51.892 50.78c-4.608 7.768-8.404 13.33-8.404 12.535c-.159-.794-.795-4.449-1.43-8.087c-1.27-6.497-1.27-6.655 3.495-7.15c4.61-.476 4.926-.954 8.247-14.76c1.906-7.929 3.972-15.873 4.608-17.621c.953-3.178 0-3.656-13.33-6.992c-10.79-2.702-14.285-4.132-14.285-6.198c0-4.925 4.608-19.528 6.815-22.211c1.272-1.43 2.702-3.973 3.02-5.721c.317-1.748 3.655-4.926 7.768-7.15c11.107-6.04 11.741-6.815 23.324-29.204c8.404-16.35 13.012-23.324 22.053-33.016c6.356-6.817 11.582-13.013 11.582-13.649c0-2.702-6.515-9.834-8.88-9.834l62.38-44.209l-6.993-8.264s-89.023 61.97-89.5 61.97s-2.383-4.766-4.29-10.468l-3.337-10.311L113.52 46.07c11.582-10.947 14.125-15.237 11.106-18.893c-1.431-1.748-4.291-.952-16.35 4.926c-8.087 3.974-20.48 8.882-27.773 11.265c-12.219 3.814-13.33 3.814-16.032 1.431c-6.674-6.04-10.947-2.384-27.456 23.164c-3.336 5.086-6.515 9.199-7.132 9.199c-.795 0-4.768-6.197-9.04-13.965c-4.291-7.61-9.2-15.397-10.948-17.463c-4.29-4.608-8.403-4.45-9.675.318c-1.59 6.356 5.562 35.401 16.985 70.466c3.655 10.946 3.814 11.582 1.112 13.012c-2.542 1.272-2.7 2.226-1.112 6.357c1.272 3.496 2.543 4.449 4.61 3.814c2.382-.636 3.812 1.112 7.45 9.357c4.608 10.153 4.608 10.311 2.065 19.528c-1.43 5.244-2.542 9.517-2.7 9.675c0 .16-3.974-.635-8.723-1.906c-14.443-3.814-13.49-4.926-15.555 18.574c-1.112 11.583-1.907 22.212-1.907 23.642c0 1.906 2.065 3.02 7.292 3.814l7.291.953l-1.112 9.517c-.952 7.61-.636 10.151 1.43 12.377c2.702 2.86 3.496 20.163 3.974 82.207l.158 22.37l6.04 1.907c7.467 2.542 11.422 5.879 11.422 10.152c0 2.066 2.542 5.085 6.815 8.086c3.656 2.544 17.62 12.695 30.793 22.53C91 403.155 96.8 407.557 98.732 410.22c31.405 21.957 98.442 60.675 98.442 60.675l-2.7 5.879c-4.291 8.722-11.424 33.494-10.312 35.225l68.842-42.605z"/></svg>

Composer アイコンの使い方

React

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

<Icon icon="file-icons:composer" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:composer" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:composer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--composer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:composer"></div>

Web コンポーネント

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

<iconify-icon icon="file-icons:composer"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/composer.svg" alt="Composer アイコン" width="24" height="24">

他のアイコンセットの Composer アイコン

Composer アイコンのよくある質問

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

はい。File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

File Icons をすべて見る →