C アイコン
glyphs-poly:c
C アイコン(glyphs-poly:c)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="#eb5757" d="M24 38.646h-2zm4.537 16.059l1.586-1.218zm.176.23l-1.586 1.218zm28.149 7.37a2 2 0 0 0-1.724-3.61zm-2.22-1.157l.861 1.805zM28.537 25.294l-1.586-1.218zm.176-.229l1.586 1.219zm26.426-3.76a2 2 0 0 0 1.722-3.61zm-.497-2.453l.861-1.805zM42.13 17.057l.32 1.975zm0 45.885l.32-1.974zM22 38.646v2.707h4v-2.707zm4.95 17.277l.177.23l3.172-2.437l-.176-.23zm28.189 2.772l-1.359.648l1.723 3.61l1.358-.648zM30.123 26.513l.176-.23l-3.172-2.436l-.176.229zm26.739-8.818l-1.359-.648l-1.723 3.61l1.358.648zM42.45 19.032a19.2 19.2 0 0 1 11.33 1.624l1.723-3.61a23.2 23.2 0 0 0-13.691-1.963zm-.639 45.885c4.658.753 9.434.068 13.692-1.964l-1.723-3.61a19.2 19.2 0 0 1-11.33 1.625zm-14.684-8.764a23.2 23.2 0 0 0 14.685 8.764l.638-3.95a19.2 19.2 0 0 1-12.15-7.25zM22 41.353c0 5.27 1.74 10.392 4.95 14.57l3.173-2.437A19.9 19.9 0 0 1 26 41.354zm8.299-15.07a19.2 19.2 0 0 1 12.151-7.251l-.639-3.95a23.2 23.2 0 0 0-14.684 8.765zM26 38.647c0-4.388 1.45-8.653 4.123-12.133l-3.172-2.437A23.9 23.9 0 0 0 22 38.646z"/></svg>
C アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:c" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:c" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:c" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--c]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:c"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:c"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/c.svg" alt="C アイコン" width="24" height="24">
C アイコン のよくある質問
C アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で C アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:c" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
C アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/c.svg" alt="C アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
