Cookie アイコン

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

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

radix-icons:cookie

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

アイコンセット: Radix Icons
作者: WorkOS
ライセンス: MIT
サイズ: 15 × 15

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M4.584 1.709a7.53 7.53 0 0 1 3.809-.63c.815.083 1.233.644 1.518 1.082c.219.335.421.77.789.967c.381.206.384.61.363.781c-.05.401-.223.657-.15 1.12c.051.32.708.874 1.808 1.35c.396.173.782.161 1.001.574c.604 1.139.382 2.319-.223 3.386c-.598 1.056-1.601 2.065-2.7 2.958c-.654.531-1.434.681-2.135.777c-.855.117-2.256.038-3.525-.266c-1.1-.264-2.527-.743-3.007-1.88c-.826-1.96-1.147-3.33-1.13-4.485c.016-1.162.374-2.056.786-3.025c.54-1.265 1.598-2.163 2.796-2.709m3.706.364A6.53 6.53 0 0 0 5 2.62c-1.035.471-1.875 1.212-2.292 2.192c-.41.963-.694 1.698-.708 2.647c-.013.956.25 2.179 1.053 4.081c.339.803 1.568 1.116 2.318 1.296c1.178.282 2.451.345 3.158.248c.684-.094 1.217-.22 1.64-.562c1.06-.863 1.952-1.777 2.46-2.674c.306-.54.885-2.144 0-2.46c-1.875-.668-2.367-1.32-2.638-1.974c-.181-.435-.162-.89-.034-1.334a.7.7 0 0 1 .076-.19a2.4 2.4 0 0 1-.518-.518c-.332-.437-.604-1.234-1.225-1.298m-1.175 8.804c.03-.017.22-.127.452-.034c.498.2.64 1.212-.04 1.256c-.395.025-.936-.095-.852-.615c.04-.24.233-.489.438-.606zm-3.15-.747c.36-.417.966-.333 1.118.185a.5.5 0 0 1-.203.579c-.244.292-.66.2-.882-.077l-.003-.004l-.002-.002a.5.5 0 0 1-.028-.681m6.424-1.29c.369-.183 1.072-.012 1.072.472c0 .4-.502.904-.897.97c-.382.064-.858-.306-.797-.705c.048-.312.355-.603.622-.736M7.337 7.795c.302-.116.687-.019.835.28c.16.323.102.954-.253 1.09c-.408.155-.779-.045-.931-.44l-.002-.005c-.13-.332 0-.79.351-.925m-4.29-.92c1.091-.63 1.561 1.035.938 1.185c-.384.092-.653.039-.938-.246c-.18-.18-.337-.745 0-.94m4.574-.932a.54.54 0 0 1 .373.205c.494.644-.682 1.242-1.017.573c-.214-.428.235-.824.644-.778m-3.506-.89c.481-.482 1.294.366.83.83a.5.5 0 0 1-.707 0c-.228-.228-.404-.55-.123-.83m10.368-.773c.563.104.381.82-.197.812c-.748-.012-.54-.947.197-.812M5.98 3.736c-.111-.639.357-1.168.969-.825c.485.272.318 1.064-.041 1.376c-.439.38-.856-.135-.928-.55m6.102-.634c.373-.466 1.359.125 1.126.672c-.305.719-1.626-.047-1.126-.672m2.285-.841c-.775-.02-.56-1.53.205-1.312c.583.167.395 1.326-.204 1.312m-3.318-1.26c.411-.548 1.432.218 1.02.766c-.41.547-1.43-.218-1.02-.766"/></svg>

Cookie アイコンの使い方

React

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

<Icon icon="radix-icons:cookie" width="24" />

Vue

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

<template>
  <Icon icon="radix-icons:cookie" width="24" />
</template>

Svelte

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

<Icon icon="radix-icons:cookie" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[radix-icons--cookie]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="radix-icons:cookie"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/radix-icons/cookie.svg" alt="Cookie アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Radix Icons をすべて見る →