Css アイコン
devicon-plain:css
Css アイコン(devicon-plain:css)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M0 107.52C0 118.831 9.168 128 20.48 128h87.04c11.312 0 20.48-9.168 20.48-20.48V20.48C128 9.169 118.832 0 107.52 0H0Zm45.836 10.242c-8.219-.008-13.293-4.64-13.195-13.16V83.05q0-6.481 3.793-9.852c4.543-4.379 15.082-4.644 19.53.067c2.743 2.418 3.778 7.355 3.532 11.964H50.06c.074-1.808-.024-4.554-1.09-5.586c-1.383-1.87-5.035-1.652-6.004.297c-.594 1.059-.89 2.621-.89 4.696v18.71q0 5.884 4.09 5.95q1.914-.001 2.905-1.39c.918-1.098 1.063-3.528.989-5.29h9.437c.645 8.969-4.652 15.254-13.66 15.145Zm29.957 0c-9.11.125-13.184-6.36-12.934-15.145h8.91c-.25 3.832 1.067 7.32 4.223 7.078q2.108 0 2.969-1.324c1.086-1.613 1.293-6.265-.266-8.066c-1.086-1.735-4.996-3.266-7.058-4.297q-4.423-2.115-6.367-5.027c-2.93-4.305-2.657-13.754 1.449-17.586c3.992-4.727 14.414-4.942 18.41-.098c2.465 2.496 3.539 7.41 3.332 11.934h-8.578c.074-1.86-.102-4.86-.824-5.95q-.762-1.39-2.871-1.39q-3.762.001-3.762 4.496c.027 3.18 1.27 4.488 4.16 5.816c3.742 1.453 8.5 3.938 10.226 6.942c5.145 9.16 1.614 23.148-11.019 22.613Zm28.77 0c-9.11.125-13.184-6.36-12.934-15.145h8.91c-.25 3.832 1.067 7.32 4.223 7.078q2.108 0 2.969-1.324c1.085-1.613 1.289-6.265-.266-8.066c-1.086-1.735-4.996-3.266-7.059-4.297q-4.423-2.115-6.367-5.027c-2.93-4.305-2.656-13.754 1.45-17.586c3.992-4.727 14.413-4.942 18.41-.098c2.464 2.496 3.539 7.41 3.332 11.934h-8.579c.07-1.86-.101-4.86-.824-5.95q-.762-1.39-2.871-1.39q-3.762.001-3.762 4.496c.028 3.18 1.27 4.488 4.16 5.816c3.743 1.453 8.5 3.938 10.227 6.942c5.145 9.16 1.613 23.148-11.02 22.613Z"/></svg>
Css アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:css" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:css" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:css" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--css]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:css"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:css"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/css.svg" alt="Css アイコン" width="24" height="24">
Css アイコン のよくある質問
Css アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Css アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:css" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Css アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/css.svg" alt="Css アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Devicon Plain アイコン をすべて見る →
ICONYZ
