ICONYZ
日本語
Material Symbols Light の Cool To Dry Outline Rounded アイコン

Cool To Dry Outline Rounded アイコン

material-symbols-light:cool-to-dry-outline-rounded

Cool To Dry Outline Rounded アイコン(material-symbols-light:cool-to-dry-outline-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols Light
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
ホーム
タグ
coolto、todry、dryoutline、outlinerounded、cooltodryoutlinerounded
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 12.627q0-1.485.555-2.695t1.487-2.19l4.12-4.025q.186-.18.403-.264T12 3.369t.435.084t.403.264l4.12 4.025q.647.68 1.127 1.5q.48.821.717 1.744q.062.177-.07.315t-.309.174t-.365-.08t-.28-.403q-.205-.71-.59-1.33q-.386-.622-.938-1.162L12 4.3L7.75 8.5q-.875.829-1.312 1.871T6 12.62q0 2.035 1.282 3.618t3.224 2.073q.286.084.4.273t.083.365q-.031.177-.169.309t-.314.09q-2.394-.522-3.95-2.384T5 12.626m12.49 2.97q-.488-.2-.97-.36q-.481-.159-1.024-.159q-.434 0-.829.097t-.782.267q-.16.067-.34.007t-.256-.223q-.068-.165 0-.338q.069-.173.232-.245q.475-.2.973-.325q.499-.125.997-.125q.546 0 1.08.128q.533.128 1.039.328q.488.2.97.36t1.025.16q.434 0 .842-.098q.407-.098.788-.266q.16-.067.354-.006t.261.226q.067.18-.01.353q-.076.172-.261.244q-.477.192-.978.311q-.5.12-1.001.12q-.542 0-1.073-.128t-1.036-.328m0 2.616q-.489-.2-.97-.36q-.482-.16-1.025-.16q-.434 0-.829.098q-.394.097-.782.266q-.16.067-.34.008t-.256-.223q-.068-.166 0-.339q.069-.172.232-.244q.475-.2.973-.325q.499-.125.997-.125q.546 0 1.08.128q.533.128 1.039.328q.488.2.97.359q.482.16 1.025.16q.435 0 .842-.098t.788-.266q.16-.067.354-.005t.261.226q.067.18-.01.352q-.076.173-.261.245q-.477.191-.978.31q-.5.12-1.001.12q-.542 0-1.073-.127q-.53-.128-1.036-.328m0 2.615q-.489-.2-.97-.36q-.482-.16-1.025-.16q-.434 0-.829.098q-.394.097-.782.266q-.16.068-.34.008t-.256-.223q-.068-.165 0-.338q.069-.173.232-.245q.475-.2.973-.325q.499-.125.997-.125q.546 0 1.08.128q.533.128 1.039.328q.488.2.97.36t1.025.159q.435 0 .842-.098t.788-.265q.16-.068.354-.006t.261.226q.067.18-.01.352q-.076.173-.261.245q-.477.192-.978.311q-.5.12-1.001.12q-.542 0-1.073-.128t-1.036-.328"/></svg>

Cool To Dry Outline Rounded アイコンの使い方

React

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

<Icon icon="material-symbols-light:cool-to-dry-outline-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:cool-to-dry-outline-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:cool-to-dry-outline-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--cool-to-dry-outline-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:cool-to-dry-outline-rounded"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:cool-to-dry-outline-rounded"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/cool-to-dry-outline-rounded.svg" alt="Cool To Dry Outline Rounded アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

他のアイコンセットの Cool To Dry Outline Rounded アイコン

Cool To Dry Outline Rounded アイコン のよくある質問

Cool To Dry Outline Rounded アイコンは商用利用でも無料ですか?

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

React で Cool To Dry Outline Rounded アイコンを使うには?

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

Cool To Dry Outline Rounded アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/cool-to-dry-outline-rounded.svg" alt="Cool To Dry Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Symbols Light アイコン をすべて見る →