Css アイコン

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

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

logos:css

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#639" d="M0 0h215.04C237.662 0 256 18.338 256 40.96v174.08c0 22.622-18.338 40.96-40.96 40.96H40.96C18.338 256 0 237.662 0 215.04z"/><path fill="#fff" d="M91.674 235.52c-16.443-.015-26.589-9.275-26.394-26.314v-43.108q0-12.958 7.588-19.702c9.085-8.752 30.164-9.285 39.063.133c5.483 4.836 7.552 14.715 7.06 23.934H100.12c.143-3.623-.049-9.109-2.179-11.175c-2.767-3.745-10.076-3.305-12.008.594q-1.782 3.174-1.782 9.388v37.422q-.001 11.77 8.182 11.901q3.826 0 5.806-2.777c1.84-2.197 2.127-7.06 1.978-10.578h18.873c1.29 17.938-9.298 30.505-27.318 30.282zm59.914 0c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494 7.66 2.137 14.635 8.445 14.149q4.222.001 5.94-2.645c2.175-3.223 2.582-12.53-.528-16.133c-2.174-3.469-9.992-6.53-14.121-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515 2.903-35.175c7.982-9.451 28.828-9.886 36.818-.197c4.928 4.995 7.08 14.823 6.664 23.867h-17.158c.146-3.717-.204-9.715-1.648-11.901q-1.518-2.777-5.74-2.778q-7.522.001-7.521 8.99c.054 6.365 2.534 8.976 8.315 11.636c7.485 2.908 17.003 7.875 20.454 13.885c10.292 18.315 3.231 46.29-22.039 45.223zm57.538 0c-18.22.25-26.37-12.713-25.866-30.282h17.815c-.494 7.66 2.138 14.635 8.446 14.149q4.221.001 5.939-2.645c2.176-3.223 2.583-12.53-.528-16.133c-2.173-3.469-9.991-6.53-14.12-8.594q-8.843-4.23-12.736-10.05c-5.855-8.612-5.312-27.515 2.903-35.175c7.982-9.451 28.828-9.886 36.817-.197c4.928 4.995 7.081 14.823 6.664 23.867h-17.157c.146-3.717-.205-9.715-1.649-11.901q-1.517-2.777-5.74-2.778q-7.52.001-7.52 8.99c.053 6.365 2.534 8.976 8.314 11.636c7.486 2.908 17.004 7.875 20.455 13.885c10.291 18.315 3.23 46.29-22.04 45.223z"/></svg>

Css アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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