Cinder アイコン

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

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

logos:cinder

Cinder アイコン(logos:cinder)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 156 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 156

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="156" viewBox="0 0 512 156"><path fill="#58585a" d="m496.69 83.78l9.414 9.415v19.685l-7.227 7.227l7.227 7.227v18.259l.76.76H512v8.94h-12.553l-5.61-5.611v-19.875l-4.85-4.85H467.21v21.492h8.558v8.939H447.05l.095-9.034h7.893V92.719h-7.893V83.78zm-124.292 0l10.27 10.27v50.972l-10.27 10.27h-48.975v-8.938h7.893V92.719h-7.893V83.78zm-53.824-.095v8.94h-7.228v62.573h-11.792l-29.575-52.113v43.174h8.844v8.939H251.34v-8.844h7.893V92.719h-7.893V83.78h19.78l29.48 51.542V92.624h-8.844v-8.939zm122.96.095v19.02h-10.366V92.623h-24.155V114.4h27.673v9.51h-27.673v22.348h24.25v-10.176h10.46v19.02h-54.775v-8.75h7.893V92.72h-7.893v-8.94zm-246.206 0l9.795 9.795v12.838h-12.077V97.57l-4.47-4.47h-18.163l-4.85 4.85v42.984l4.85 4.85h18.164l4.47-4.47v-9.319h12.076v13.218l-9.795 9.795h-31.667l-10.27-9.89V93.955l10.27-10.175zm170.223 9.415H343.49v52.778h22.062l4.85-4.85V98.045zm124.006-.476H467.21v23.109h21.967l4.66-4.66V97.094z"/><path fill="#f05129" d="M233.651 132.469h13.028v11.412h-13.028zm-21.111 0h12.838v11.412H212.54z"/><path fill="#f15a22" d="M223.952 121.058h11.412v13.123h-11.412z"/><path fill="#be1e2d" d="M223.952 142.454h11.412v12.838h-11.412z"/><path fill="#ffd529" d="M223.952 83.97h11.412v12.553h-11.412z"/><path fill="#f36c21" d="M223.952 104.986h11.412v13.028h-11.412z"/><path fill="#fbb040" d="M212.54 95.286h13.504v11.412H212.54zm21.111 0h13.028v11.412h-13.028z"/><path fill="#f7941e" d="M223.952 95.286h11.412v11.412h-11.412z"/><path fill="#d51920" d="M223.952 132.469h11.412v11.412h-11.412z"/><path fill="#ef4123" d="M52.684 51.352h8.083v7.037h-8.083zm12.458 0h8.559v7.037h-8.559z"/><path fill="#f15a22" d="M59.721 44.315h7.037v8.559h-7.037z"/><path fill="#c9252c" d="M59.721 56.868h7.037v8.464h-7.037z"/><path fill="#ed1c24" d="M59.721 51.352h7.037v7.037h-7.037z"/><path fill="#f7941e" d="M79.12 31.572h5.135v6.276H79.12z"/><path fill="#ed1c24" d="M79.12 40.606h5.135v6.276H79.12z"/><path fill="#f58220" d="M83.114 36.707h6.181v5.135h-6.181zm-9.129 0h5.801v5.135h-5.801z"/><path fill="#f15a22" d="M79.12 36.707h5.135v5.135H79.12z"/><path fill="#da2128" d="M65.807 69.8h3.043v3.899h-3.043z"/><path fill="#962f34" d="M65.807 75.601h3.043v3.519h-3.043z"/><path fill="#c9252c" d="M68.28 72.938h3.709v3.043H68.28zm-5.516 0h3.709v3.043h-3.709z"/><path fill="#b8292f" d="M65.807 72.938h3.043v3.043h-3.043z"/><path fill="#f7941e" d="M50.306 26.532h6.467v5.325h-6.467zm9.51 0h6.276v5.325h-6.276z"/><path fill="#faa61a" d="M55.536 21.302h5.325v6.276h-5.325z"/><path fill="#f15a22" d="M55.536 30.907h5.325v6.276h-5.325z"/><path fill="#f37021" d="M55.536 26.532h5.325v5.325h-5.325z"/><path fill="#fff200" d="M73.795 0h7.703v10.175h-7.703z"/><path fill="#f7941e" d="M73.795 14.169h7.703v8.939h-7.703z"/><path fill="#fd0" d="M80.071 7.703h9.224v7.703h-9.224zm-13.979 0h9.7v7.703h-9.7z"/><path fill="#fdb913" d="M73.795 7.703h7.703v7.703h-7.703z"/><g fill="#58585a"><path d="m0 155.293l52.684-79.025l52.683 79.025z"/><path d="m34.9 155.293l53.92-90.437l51.352 90.437z"/></g></svg>

Cinder アイコンの使い方

React

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

<Icon icon="logos:cinder" width="24" />

Vue

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

<template>
  <Icon icon="logos:cinder" width="24" />
</template>

Svelte

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

<Icon icon="logos:cinder" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cinder]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:cinder"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/cinder.svg" alt="Cinder アイコン" width="24" height="24">

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

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →