Codingame アイコン
simple-icons:codingame
Codingame アイコン(simple-icons:codingame)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.025 11.893c-.1.293-.07.561.009.67c.078.11.223.26.55.272s.697-.167.697-.167l-.136.78c-.008.008-.4.138-.88.134c-.661-.004-1.321-.317-1.261-1.252c.006-.081.053-.398.128-.573a1.8 1.8 0 0 1 1.105-1.073c.67-.236 1.39-.016 1.39-.016l-.141.817s-.247-.203-.755-.154a1 1 0 0 0-.323.106a.85.85 0 0 0-.383.456m3.98.594c-.08.479-.446 1.097-1.397 1.097s-1.102-.618-1.016-1.097c.217-1.134 1.394-1.077 1.394-1.077s1.195-.057 1.02 1.077zm-.887-.277c-.043-.175-.241-.169-.241-.169v.001s-.213-.017-.33.21c-.136.314-.075.514-.07.532c.043.175.24.169.24.169v-.001s.214.017.33-.21c.136-.314.075-.514.07-.532zm3.827-1.747l-.534 3.07h-.868l.043-.245a.84.84 0 0 1-.66.3c-.527 0-.813-.395-.707-1.003c.132-.76.65-1.2 1.138-1.2c.234 0 .411.099.512.275v-.002l.208-1.195zm-1.43 1.577c-.205-.004-.36.242-.402.48c-.04.238-.005.427.244.43c.15 0 .326-.088.394-.43c.028-.163.05-.48-.236-.48m3.554-.556s-.259-.174-.698 0c-.189.073-.374.308-.374.308l.058-.335h-.867l-.26 1.493h.87l.1-.573l.002-.019c.014-.071.078-.318.305-.318c.265 0 .18.334.18.334l-.198 1.159h.866l.237-1.363c.09-.525-.22-.686-.22-.686zm-1.367-.338c.22 0 .398-.156.398-.349s-.178-.349-.398-.349s-.398.156-.398.35c0 .191.178.348.398.348m3.723.146c.605 0 .818.158.818.158l.134-.768c-.405-.102-2.343-.479-2.782 1.463c-.264 1.52 1.343 1.438 1.343 1.438s.634 0 1.176-.244l.189-1.09l-.885-.003l-.1.6s-.55.147-.753-.265c-.077-.152-.025-.449-.025-.449s.117-.84.885-.84m3.21 1.032l-.21 1.209h-.788l.055-.315s-.26.366-.706.366c-.65 0-.52-.655-.52-.655s.053-.561.752-.679l.646-.071s.079-.241-.303-.241s-.763.207-.763.207l.1-.577s.516-.187.995-.163c1.01.005.742.919.742.919m-.84.258s-.158.033-.3.045c-.225.034-.253.182-.257.203c-.038.22.196.19.196.19s.248.009.338-.31zm4.29-1.178c-.512 0-.766.364-.766.364s-.098-.364-.57-.364c-.471 0-.756.376-.756.376l.056-.321h-.87l-.361 2.074h.87l.209-1.201s.07-.293.303-.293s.176.297.176.297l-.208 1.197h.872l.207-1.193s.058-.301.301-.301c.244 0 .174.309.174.309l-.21 1.184h.878l.241-1.388c0 .001.133-.74-.546-.74m4.414-.417c0 .02.01.297-.483.382c-.858.11-.96.575-.97.63c-.012.055.005.163-.032.35l-.06.394H20.62s.041.293.412.293s.63-.116.63-.116l-.087.536s-.26.134-.828.134c-.09 0-1.115-.002-.926-1.091c.091-.524.557-1.095 1.368-1.095c.38-.002.4.133.767.133c.31-.008.57-.305.57-.305s.094-.15.17-.32c.06-.082.168-.258.514-.222c.29.053.29.277.29.297zm-2.47.946c-.27 0-.333.357-.333.357h.53s.074-.357-.197-.357m2.792-1.523a.179.179 0 1 0 0 .358a.179.179 0 0 0 0-.358"/></svg>Codingame アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:codingame" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:codingame" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:codingame" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--codingame]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:codingame"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:codingame"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/codingame.svg" alt="Codingame アイコン" width="24" height="24">他のアイコンセットの Codingame アイコン
Codingame アイコン のよくある質問
Codingame アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Codingame アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:codingame" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Codingame アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/codingame.svg" alt="Codingame アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。