Css New アイコン
thesvg-color:css-new
Css New アイコン(thesvg-color:css-new)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 1000 × 1000 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 1000 × 1000
- タグ
- cssnew
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="#639" d="M0 0h840a160 160 0 0 1 160 160v680a160 160 0 0 1-160 160H160A160 160 0 0 1 0 840z"/><path fill="#fff" d="M816.54 919.9c-32.39 0-57.16-9.42-74.5-28.35c-17.15-19.03-26.08-46.18-26.88-81.64h69.8c.4 31.36 11.42 47.08 33.08 47.08c11.04 0 18.86-3.5 23.37-10.42c4.41-6.9 6.72-17.93 6.72-33.05c0-12.02-3.01-22.04-8.83-29.95a73.2 73.2 0 0 0-29.48-21.14L783.95 750c-23.06-11.02-39.81-24.04-50.14-39.27c-10.03-15.13-15.04-36.36-15.04-63.5c0-30.36 8.83-55 26.37-73.94c18.05-18.93 42.62-28.34 74-28.34c30.3 0 53.76 9.31 70.3 27.84c16.85 18.64 25.67 45.28 26.38 80.14h-67.19c.4-11.4-1.9-22.72-6.72-33.06c-3.8-7.6-11.23-11.41-22.26-11.41c-19.65 0-29.48 11.71-29.48 35.05c0 11.83 2.4 21.04 7.22 28.05A65.2 65.2 0 0 0 822.76 689l24.77 10.92c25.57 11.72 44.02 26.05 55.35 43.38c11.43 17.23 17.05 40.27 17.05 69.12c0 34.56-9.03 61.1-27.38 79.63c-18.25 18.53-43.62 27.85-76 27.85Zm-225.42 0c-32.4 0-57.16-9.42-74.51-28.35c-17.15-19.03-26.07-46.18-26.87-81.64h69.79c.4 31.36 11.43 47.08 33.1 47.08c11.02 0 18.84-3.5 23.25-10.42c4.52-6.9 6.72-17.93 6.72-33.05c0-12.02-2.9-22.04-8.72-29.95a73.2 73.2 0 0 0-29.48-21.14L558.53 750c-23.07-11.02-39.81-24.04-50.14-39.27c-10.03-15.13-15.04-36.36-15.04-63.5c0-30.36 8.82-55 26.37-73.94c18.05-18.93 42.62-28.34 74-28.34c30.29 0 53.75 9.31 70.2 27.84c17.05 18.64 25.77 45.28 26.47 80.14h-67.18c.4-11.4-1.9-22.72-6.72-33.06c-3.81-7.6-11.23-11.41-22.26-11.41c-19.66 0-29.49 11.71-29.49 35.05c0 11.83 2.41 21.04 7.22 28.05A65.2 65.2 0 0 0 597.33 689l24.77 10.92c25.57 11.72 44.02 26.05 55.36 43.38c11.33 17.23 17.04 40.27 17.04 69.12c0 34.56-9.12 61.1-27.37 79.63s-43.62 27.85-76.01 27.85m-234.75 0c-31.7 0-56.86-8.62-75.51-25.85c-18.65-17.12-27.88-42.87-27.88-76.93V648.83c0-33.85 9.83-59.5 29.48-77.13c19.96-17.43 46.13-26.24 78.52-26.24c31.39 0 56.15 9.01 74.5 26.84c18.56 17.93 27.88 44.58 27.88 80.14v13.32h-73.9v-12.92c0-13.72-3.01-23.84-8.83-30.45a26.46 26.46 0 0 0-21.66-10.32c-12.03 0-20.55 4.1-25.37 12.42a79.04 79.04 0 0 0-6.72 36.66v146.26c0 30.55 10.74 46.08 32.1 46.38c10.02 0 17.54-3.61 22.76-10.82a51.74 51.74 0 0 0 7.72-30.46V801.6h73.9v11.42c0 23.74-4.61 43.57-13.94 59.4a88.8 88.8 0 0 1-38.2 35.66a121.46 121.46 0 0 1-54.85 11.82"/></svg>Css New アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:css-new" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:css-new" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:css-new" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--css-new]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:css-new"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:css-new"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/css-new.svg" alt="Css New アイコン" width="24" height="24">theSVG Color の関連アイコン
Css New アイコン のよくある質問
Css New アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Css New アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:css-new" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Css New アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/css-new.svg" alt="Css New アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。