Dior アイコン
simple-icons:dior
Dior アイコン(simple-icons:dior)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M.073 8.775h3.116c2.678 0 3.727 1.572 3.727 3.237c0 1.694-1.345 3.203-3.902 3.203H.078c-.054 0-.073-.034-.073-.063c0-.034.034-.063.082-.063h.549c.17 0 .281-.102.281-.291V9.202c0-.14-.068-.296-.291-.296H.068C.024 8.906 0 8.877 0 8.843c0-.029.01-.068.073-.068m1.946 6.14c0 .14.063.184.155.184H3c2.034 0 2.771-1.558 2.771-3.12S4.99 8.9 3.271 8.9H2.15c-.117 0-.126.097-.126.141zm5.207-6.14c-.048 0-.092.02-.092.058s.024.063.068.063h.548c.127 0 .248.088.248.33v5.577c0 .116-.088.29-.243.29h-.543c-.063 0-.068.05-.068.069s-.005.053.068.053h2.64c.039 0 .092-.005.092-.044s-.01-.077-.078-.077h-.51c-.072 0-.271-.044-.271-.267V9.168c0-.16.102-.267.286-.267h.5c.044 0 .068-.024.068-.058s-.024-.063-.083-.063c0-.005-2.64.01-2.63-.005m4.125 3.223c0-1.781.796-3.223 2.29-3.223c1.466 0 2.291 1.442 2.291 3.223s-.752 3.222-2.29 3.222c-1.49.005-2.29-1.441-2.29-3.222m2.29 3.358c2.126 0 3.465-1.504 3.465-3.354s-1.325-3.358-3.465-3.358c-2.135 0-3.465 1.504-3.465 3.354s1.383 3.358 3.465 3.358m10.26-.18c-.835.088-1.297-1.28-1.719-1.931c-.315-.48-.985-.97-1.645-1.068c1.087-.063 2.305-.412 2.305-1.645c0-1-.616-1.757-2.878-1.757H17.36c-.034 0-.068.02-.068.058s.034.063.068.063h.597c.126 0 .248.088.248.33v5.577c0 .116-.088.29-.243.29h-.587c-.048 0-.068.04-.068.059s.02.063.068.063h2.766c.039 0 .073-.02.073-.058s-.024-.063-.078-.063h-.558c-.073 0-.272-.049-.272-.267v-2.635h.287c1.368 0 1.47 1.485 2.15 2.334c.582.728 1.344.82 1.776.82c.184 0 .31-.005.427-.034c.073-.024.087-.15-.044-.136m-4.319-6.28h.403c.689 0 1.805.272 1.805 1.573c0 1.194-.99 1.597-1.907 1.597h-.587V9.168c0-.165.102-.271.286-.271"/></svg>Dior アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:dior" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:dior" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:dior" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--dior]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:dior"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:dior"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/dior.svg" alt="Dior アイコン" width="24" height="24">他のアイコンセットの Dior アイコン
Dior アイコン のよくある質問
Dior アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Dior アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:dior" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dior アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/dior.svg" alt="Dior アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。