이 문서에서는 Google Classroom 이름, 로고, 아이콘을 사용하는 방법을 설명합니다. 추가 질문이 있는 경우 더 일반적인 Google 브랜드 권한을 참고하세요.
아이콘 사용 가이드라인
클래스룸과 통합할 때는 항상 Google 로고 대신 클래스룸 아이콘을 사용하세요. Google 클래스룸 아이콘이 완전히 명확하게 표시되어야 합니다. 'Google Classroom'이라는 텍스트와 함께 또는 텍스트 없이 아이콘을 사용할 수 있습니다. 다른 로고와 함께 클래스룸 아이콘을 사용하는 경우 가독성을 위해 각 로고에 적절한 간격이 있는지 확인하세요.
크기 가이드라인
클래스룸 아이콘은 32~96픽셀의 다양한 크기로 제공됩니다. 다양한 기기 및 화면 크기에 따라 아이콘의 크기를 조절할 수 있지만, 로고가 늘어나지 않도록 가로세로 비율은 유지해야 합니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-08-29(UTC)"],[],[],null,["# Google Classroom Branding Guidelines\n\nThis document outlines how to use the Google Classroom name, logo and icon. If\nyou have any additional questions, refer to the more general\n[Google brand permissions](//www.google.com/permissions/).\n\nIcon use guidelines\n-------------------\n\nWhen you are integrating with Classroom, always use the\nClassroom icon instead of the Google logo. Make sure the\nGoogle Classroom icon is fully and clearly visible. You can use the icon with\nor without the accompanying text \"Google Classroom\". If you are using the\nClassroom icon along with other logos, make sure each has proper\nspacing for readability.\n\n### Size guidelines\n\nThe Classroom icon is available in a number of different sizes,\nfrom 32 to 96 pixels. You can scale the icon for different devices and screen\nsizes but must preserve the aspect ratio so the logo isn't stretched.\n\n#### Square Logo\n\n[Download square logos](/static/workspace/classroom/assets/classroom_square_logo.zip)\n\n#### Round Logo\n\n[Download round logos](/static/workspace/classroom/assets/classroom_circle_logo.zip)\n\n### Describe the Classroom icon\n\nWhen using the Classroom icon, you can include either the full\nname \"Google Classroom\" or the short version \"Classroom\".\n\nExample buttons:\n\nExample padding:\n\nWhen talking about Classroom classes, use one of these phrases\n(note that \"classes\" is not capitalized):\n\n- Google Classroom classes (example: \"Choose from your Google Classroom classes\")\n- Classroom classes (example: \"Choose from your Classroom classes\")\n- Invite using Google Classroom\n- Share with Google Classroom\n- Share to Google Classroom\n\nDon't use the following phrases:\n\n- Google Classrooms\n- Google classes\n- Google Classes\n- Google Class\n- Invite Google Classroom\n\n### Describe your own product's compatibility with Classroom\n\nIf your product is compatible with Google Classroom, make reference to Google\nClassroom by using the text \"for\", \"for use with\", or \"compatible\nwith\", and be sure to include the ™ symbol with the Google trademark.\nExample: \"for Google Classroom™\"\n\nIf you are making reference to a Google trademark in combination with your logo,\nthe referencing text should be smaller in size than your logo.\n\n| **Note:** Don't use Google trademarks or a modified version of a Google trademark as the logo for your application without written permission from Google.\n\n### Screenshot usage\n\nFor illustrative or informative purposes, you may use standard, unaltered\nscreenshots of Google services. For further details, check out the general\n[Google Brand Permissions](//www.google.com/permissions/).\n\n### Provide proper attribution\n\nProvide proper attribution to Google for any use of their marks in your\napplication title or in your description. Example: Google Classroom is a\ntrademark of Google Inc. Use of this trademark is subject to\n[Google Brand Permissions](//www.google.com/permissions/).\n\n### Font\n\nUse Roboto Bold, a TrueType font.\n\nTo install,\n[download Roboto font](//www.google.com/design/spec/style/typography.html)\nand extract the download bundle.\n\n- On Mac, double-click Roboto-Bold.ttf, then click \"Install Font\".\n- On Windows, drag the file to \"My Computer\" \\\u003e \"Windows\" \\\u003e \"Fonts\" folder.\n\n### Colors\n\n- Classic icon\n - The green color of the Google Classroom icon is #25A667.\n - The yellow color of the Google Classroom icon is #F6BB18.\n - The white color of the Google Classroom icon is #FFFFFF.\n - The green secondary color of the left and right person in Google Classroom icon is #57BB8A.\n- Dark icon\n - The black color of the Google Classroom icon is #000000.\n - The white color of the Google Classroom icon is #FFFFFF.\n - The grey secondary color of the left and right person in Google Classroom icon is #57BB8A.\n- Light icon\n - The green color of the Google Classroom icon is #25A667.\n - The yellow color of the Google Classroom icon is #F6BB18.\n - The green secondary color of the left and right person in Google Classroom icon is #57BB8A.\n\n### Hover state\n\nWhen holding the pointer over the icon, it should be shaded with 20% black.\n\n### Incorrect logo design\n\n- Don't use colors other than the two specified for the icon.\n- Don't use a Google icon to represent Google Classroom.\n- Don't create your own icon for the button.\n- Don't use the term \"Google\" by itself in the button without a Google Classroom icon.\n- Examples of incorrect Google Classroom button designs:\n\nNever use the colored Google logo in the button. Always include the Google\nClassroom icon on the left of the button. Don't change the font\nof the button."]]
