Carbohydrates アイコン

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

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

healthicons:carbohydrates

Carbohydrates アイコン(healthicons:carbohydrates)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Health Icons
作者: Resolve to Save Lives
ライセンス: MIT
サイズ: 48 × 48
カテゴリ: 栄養
タグ: carbohydrate

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M35 10a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1m-4 0a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1"/><path d="M39 22a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V23a1 1 0 0 1 1-1m-5-11v5.528a4 4 0 0 0 2.211 3.578L40 22v-5.528a4 4 0 0 0-2.211-3.578zm2 3.236v2.292a2 2 0 0 0 1.106 1.789l.894.447v-2.292a2 2 0 0 0-1.106-1.789z"/><path d="M34 17v5.528a4 4 0 0 0 2.211 3.578L40 28v-5.528a4 4 0 0 0-2.211-3.578zm2 3.236v2.292a2 2 0 0 0 1.106 1.789l.894.447v-2.292a2 2 0 0 0-1.106-1.789z"/><path d="M34 23v5.528a4 4 0 0 0 2.211 3.578L40 34v-5.528a4 4 0 0 0-2.211-3.578zm2 3.236v2.292a2 2 0 0 0 1.106 1.789l.894.447v-2.292a2 2 0 0 0-1.106-1.789zM44 11v5.528a4 4 0 0 1-2.211 3.578L38 22v-5.528a4 4 0 0 1 2.211-3.578zm-2 3.236v2.292a2 2 0 0 1-1.106 1.789l-.894.447v-2.292a2 2 0 0 1 1.106-1.789z"/><path d="M44 17v5.528a4 4 0 0 1-2.211 3.578L38 28v-5.528a4 4 0 0 1 2.211-3.578zm-2 3.236v2.292a2 2 0 0 1-1.106 1.789l-.894.447v-2.292a2 2 0 0 1 1.106-1.789z"/><path d="M44 23v5.528a4 4 0 0 1-2.211 3.578L38 34v-5.528a4 4 0 0 1 2.211-3.578zm-2 3.236v2.292a2 2 0 0 1-1.106 1.789l-.894.447v-2.292a2 2 0 0 1 1.106-1.789zm-17.727-5.855a11.7 11.7 0 0 0-2.486-.371c-.996.093-1.902.837-2.626 2.061C18.396 23.366 18 24.942 18 26a1 1 0 1 1-2 0c0-1.44.504-3.365 1.44-4.946c.213-.361.457-.718.734-1.054H16c-1.08 0-2.064.76-2.84 2.072C12.397 23.365 12 24.94 12 26a1 1 0 1 1-2 0c0-1.44.504-3.365 1.44-4.946q.098-.168.205-.332C7.182 22.37 4 26.664 4 31.7a6.3 6.3 0 0 0 6.3 6.3h16.4a6.3 6.3 0 0 0 6.3-6.3c0-4.656-2.72-8.676-6.657-10.56c-.63.514-1.18 1.306-1.597 2.237c-.5 1.113-.746 2.289-.746 3.123a1 1 0 1 1-2 0c0-1.16.325-2.613.92-3.941c.34-.758.788-1.521 1.353-2.178"/><path d="M25.635 21.874a7.2 7.2 0 0 0-.913 1.555C24.24 24.527 24 25.679 24 26.5a1 1 0 1 1-2 0c0-1.16.325-2.613.92-3.941q.088-.195.186-.392a9 9 0 0 1 1.167-1.786a11.7 11.7 0 0 0-2.486-.371c-.716.067-1.385.47-1.973 1.145l-.098.116a6.4 6.4 0 0 0-.551.794l-.004.006C18.396 23.366 18 24.942 18 26a1 1 0 1 1-2 0c0-1.163.329-2.642.947-4a10 10 0 0 1 .505-.968A8 8 0 0 1 18.174 20H16a2 2 0 0 0-.27.016c-.882.105-1.692.721-2.364 1.728a8 8 0 0 0-.205.328C12.396 23.365 12 24.94 12 26a1 1 0 1 1-2 0c0-.715.124-1.55.364-2.402a10.8 10.8 0 0 1 1.075-2.544l.022-.037q.08-.135.165-.266l.02-.03q-.234.086-.461.182c-.907.38-1.755.87-2.529 1.454A11.68 11.68 0 0 0 4 31.7a6.3 6.3 0 0 0 6.3 6.3h16.4a6.3 6.3 0 0 0 6.3-6.3c0-4.656-2.72-8.676-6.657-10.56a4.6 4.6 0 0 0-.709.734m1.175 1.841a6 6 0 0 0-.24.48c-.401.898-.57 1.795-.57 2.305a3 3 0 1 1-6 0c0-.432.034-.885.1-1.349c-.067.326-.1.62-.1.849a3 3 0 1 1-6 0a3 3 0 1 1-6 0l.002-.203A9.66 9.66 0 0 0 6 31.7a4.3 4.3 0 0 0 4.3 4.3h16.4a4.3 4.3 0 0 0 4.3-4.3a9.69 9.69 0 0 0-4.19-7.985"/></g></svg>

Carbohydrates アイコンの使い方

React

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

<Icon icon="healthicons:carbohydrates" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:carbohydrates" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:carbohydrates" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:carbohydrates"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/carbohydrates.svg" alt="Carbohydrates アイコン" width="24" height="24">

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →